制作旋转小风车 一 我先搭建一个大盒子400x400px大盒子里面嵌套四个小盒子200x200px,放在一起肯定是四个排在一行,我想要的效果是上下各两个, css样式 body内容 二 我现在要把小盒子(正方形)变成半圆用到border-radius,变成半圆之后,半圆 ...
还在用IE 及其以下版本浏览器的童鞋们就不要尝试了。 lt DOCTYPE HTML gt lt html gt lt head gt lt style type text css gt windmill width: px height: px position:relative moz transition: moz transform s ease in out webkit transit ...
2012-05-09 19:58 14 3790 推荐指数:
制作旋转小风车 一 我先搭建一个大盒子400x400px大盒子里面嵌套四个小盒子200x200px,放在一起肯定是四个排在一行,我想要的效果是上下各两个, css样式 body内容 二 我现在要把小盒子(正方形)变成半圆用到border-radius,变成半圆之后,半圆 ...
抽屉菜单在手机native应用中很常见。比如酷狗手机版的界面: 左侧为操作菜单,默认不显示。需要时向左滑动界面,操作菜单将从侧边缓缓展示出来,不需要时向右滑动界面,操作菜单又将隐藏在侧边而不会占位置,操作菜单这种缓入缓出用户体验非常不错。这里采用css3实现抽屉菜单效果。以下代码以及实例请在 ...
今天看到一篇CSS3写的大风车http://www.cnblogs.com/yaojaa/archive/2013/01/30/2882521.html,感觉CSS3太神奇了,这在以前用CSS是想都不敢想的。记得去年自己用canvas也写过这样的大风车,今天我打算用canvas制作一个一模一样 ...
;<title>演示:HTML5+CSS3实现的响应式垂直时间轴</title> ...
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="apple-touch-fullscreen" content="YES" /> <meta name ...
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="apple-touch-fullscreen" content="YES" /> <meta name ...
效果如下: 代码如下 ...