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