css3的强大，让人惊叹，人们在惊喜之余，又不得不为其艰难的道路感到可惜，如果做为一个前端开发者连css3伪类选择器nth-child()都没有用过的话，我只能对你说两个字“呵呵”，当你用过它之后，你就会情不自禁的喜欢上它。。。。。。。css3伪类选择器nth-child()语法：:nth-child(an+b)为什么选择她，因为我认为，这个选择器是最多学问的一个了。很可惜，据我所测，目前能较好地...

网友CCTV分享简单实用的CSS3实现的404页面样式代码：html,body{width:100%;height:100%;padding:0;margin:0;}body{background-color:#0091b6;}h1,h2,h3{margin:0;padding:0;text-align:center;}.wrap{width:1000px;margi...

/*media*//*横屏*/@mediascreenand(orientation:landscape){}/*竖屏*/@mediascreenand(orientation:portrait){}/*窗口宽度<960,设计宽度=768*/@mediascreenand(max-width:959px){}/*窗口宽度<768,设计宽度=640*/@me...

/*font-face格式@font-face{font-family:SingleMaltaRegular;src:<source>[<format>][,<source>[<format>]]*;font-weight:normal;font-style:normal;}*取值说明:*YourWebFontName:此值指的就是你自定义的字体名称，最好是使用你下载的默认字体...

效果一：360°旋转修改rotate(旋转度数)效果演示地址*{transition:All0.4sease-in-out;-webkit-transition:All0.4sease-in-out;-moz-transition:All0.4sease-in-out;-o-transition:All0.4sease-in-out;}*:hover{transfo...

适用浏览器：FireFox、Chrome、Safari、Opera、傲游、世界之窗、猎豹，不支持IE浏览器.主要用了x-webkit-speech属性效果如下：页面使用代码如下：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi...

文章由Jquery学堂4群的网友【深圳-.net-鱼人】提供因为IE9以下版本暂时不支持CSS3，所以网友们在看效果的时候请不要用IE浏览器来运行，为了让网友们看到最终效果请使用谷歌、火狐等浏览打开运行。主要用了CSS3的以下属性：1、transform2、transition3、border-radiusCSS3样式代码如下：.android{position:absolute;lef...

文章由【网友Adam‘】提供CSS3学习笔记之立体盒子是纯CSS3实现的动画特效，当你的鼠标移到盒子的边上他会打开盒子让你看到里面，效果真棒，因为IE9以下版本暂时不支持CSS3，所以网友们在看效果的时候请不要用IE浏览器来运行，为了让网友们看到最终效果请使用谷歌、火狐等浏览打开运行。主要用了CSS3的以下属性：1、transform2、transition3、background样式代码如下...

文章由【网友Adam‘】提供主要分享了以下5个demo功能1、CSS3绘制遨游LOGO#logo{margin:40pxauto;width:240px;height:240px;border-radius:120px;border:1pxsolidrgba(68,158,228,.5);box-shadow:3px3px5pxrgba(0,0,0,.5);backgro...