关于HTML5和CSS3的时钟应用在之前我们已经分享过不少了,还有一些HTML5的日期选择应用。今天我们要分享一款基于HTML5和CSS3的圆盘秒表动画,秒表可以精确到0.001秒,并且可以在计时过程中暂停计时,同时秒表可以随时重置。在线演示下面来分析一下实现的源代码,主要由HTML和CSS代码组成...
分类:
Web程序 时间:
2014-10-02 18:15:03
阅读次数:
219
HTML5是未来的网页开发神器,今天分享的这些HTML5动画大部分利用了CSS3的动画属性来实现,废话不多说,直接上演示和代码。HTML5/CSS3实现大风车旋转动画这次我们要来分享一款很酷的HTML5动画,是一个可以旋转的大风车动画效果,回顾一下利用HTML5实现的旋转动画,我们可以看HTML5/...
分类:
Web程序 时间:
2014-09-29 12:04:27
阅读次数:
267
在Web中使用什么单位来定义页面的字体大小,至今天为止都还在激烈的争论着,有人说PX做为单位好,有人说EM优点多,还有人在说百分比方便,以至于出现了CSS Font-Size: em vs. px vs. pt vs. percent这样的PK大局。...
分类:
Web程序 时间:
2014-09-28 20:11:26
阅读次数:
293
今天,带来的是纯CSS3的效果--图片3D翻转。
请看效果:http://webfront.verynet.cc/pc/rotate.html
这个效果主要还是运用了CSS3的transform变形属性,与上个效果不同的是,这次并不是动画,所以没有采用animation属性,而是采用transition过渡属性。这个属性会将元素在两种效果之间进行切换,并产生一个过渡效果。详情请看代码。...
分类:
Web程序 时间:
2014-09-25 17:06:39
阅读次数:
242
今天,带来的是纯CSS3的效果--图片3D翻转。 请看效果:http://localhost:63342/webfront/PC/rotate.html 这个效果主要还是运用了CSS3的transform变形属性,与上个效果不同的是,这次并不是动画,所以没有采用animation属性,而是采...
分类:
Web程序 时间:
2014-09-23 01:01:53
阅读次数:
246
到Internet Explorer 8为止,IE系列是不支持CSS3的。在IE中要做一些常用的效果如圆角、阴影,就需要用一些冗余而无意义的元素和图片来做出这些效果。在厌倦这些后,就想着用更为简洁、直接有效、CSS3式的办法来解决这些问题。好在就算是饱受批评的Internet Explorer,其本...
分类:
Web程序 时间:
2014-09-22 13:56:22
阅读次数:
211
今天,带来的是纯CSS3打造的效果--绽放的花朵。 先来看效果吧:http://webfront.verynet.cc/pc/flower.html 这是纯CSS3样式打造的效果,关键是采用了animation属性和transform属性。详细请看下面代码。 HTML结构:1 2 3 4 ...
分类:
Web程序 时间:
2014-09-22 00:06:31
阅读次数:
353
HTML5/CSS3 3D按钮特效:http://www.html5cn.org/article-5936-1.htmlIE中的CSS3不完全兼容方案到Internet Explorer 8为止,IE系列是不支持CSS3的。在IE中要做一些常用的效果如圆角、阴影,就需要用一些冗余而无意义的元素和图片...
分类:
Web程序 时间:
2014-09-21 14:22:30
阅读次数:
288
最近的移动端项目终于告一段落了,其中遇到了不少问题,在此和大家总结分享。首先,说一下结构。一般的手机页面大致可以分为五块:head, content, foot,solidbar,dialog. 针对这种布局,在此提供一种方式,这种方式使用了css3的一些样式属性。代码如下: 1 2 3 4 ...
分类:
移动开发 时间:
2014-09-20 23:57:29
阅读次数:
1143
原文地址:http://www.phpthinking.com/archives/367
到Internet Explorer 8为止,IE系列是不支持CSS3的。在IE中要做一些常用的效果如圆角、阴影,就需要用一些冗余而无意义的元素和图片来做出这些效果。在厌倦这些后,就想着用更为简洁、直接有效、CSS3式的办法来解决这些问题。好在就算是饱受批评的Internet Explorer,其本...
分类:
Web程序 时间:
2014-09-19 01:12:55
阅读次数:
324