这个DEMO是一个区块的展示效果，在Web中经常可见，你也可以简单的理解成是一个三列展示区块，在这个DEMO中，整体风格是采用的Metro UI设计，但是我们在效果中添加了一些CSS3的动画效果，让整个DEMO看起来更大生动。
HTML C...
-
diaoli： Metro UI For Block
2015-08-27 21:57 来自版块 - 站长技能提升
-
流水戀落花： Metro Login Form
这是一个很简单也很普通的登录表单的效果，只不过这个案例采用的是Metro的UI设计风格，当然不是Metro UI CSS中的东西，设计风格，色彩类似于Metro。另外在加载表单时，给部分元素使用了transition属性，让你在视觉上加载有动画，其在...2015-08-06 11:18 来自版块 - 站长技能提升
-
中顺： CSS3实现简单的动画图片说明效果
CSS3实现简单的动画图片说明效果 .container{ height:200px;width:400px; background:#000; overflow:hidden; position:relative; } .t...2015-07-03 01:46 来自版块 - 站长技能提升
-
飞翔的公牛： css3鼠标滑过动画
本实例共有五个鼠标滑过的动画效果，但其实原理都是差不多。第一个是多加了一个空白的标签，来显示那个遮罩的三角形；第二，三，四都是对却是用border来生成的遮罩，至于第五个效果就比较复杂，不过原理都是一样的，实际应用也不需要那么复杂。所以只需把前面四个...2015-05-20 06:24 来自版块 - 站长技能提升
-
iamet001： Pure CSS3 Create Luminous Button
这是一个很简单的按钮效果，其来源于鬼哥的鬼群，看到鬼大问这样的按钮怎么制作，默认效果就不说了，说一下点击时的效果吧。当你点击按钮时，中间会有发 光，并向外扩散的淡光效果。看到效果大家在考虑是否使用text-shadow制作，或者说使用box-shad...2015-03-12 18:40 来自版块 - 站长技能提升
-
licn1986： hover的transition
相信对于很多初学者，对于css3的transition到底是直接写在选择器上，还是写在选择器的hover上表示疑惑，下面给出两个实例，希望可以为您解惑。 demo1 demo2 .demo{ width: 100px; height...2014-11-02 09:53 来自版块 - 站长技能提升
-
菩提冷雪： 纯css3有序列表
这个前面的数字其实和ol的decimal是没有关系的。其实应用的是:before和counter-increment来生成的。而中间的那个空白的间隔其实是border。其余的一些就是圆角，动画什么的。了解了原理，实践操作下吧。 CSS ....2014-10-01 18:34 来自版块 - 站长技能提升
-
tmxk8： 一组梦幻般的 CSS3 动画按钮效果
给大家带来的是五款梦幻般的动画按钮效果。下面是在线演示，把鼠标放在按钮上试试，有惊喜哦！（温馨提示：如果不显示请刷新页面，在 Chrome，Firefox 和 Safari 浏览器中效果最佳。）访问链接：http://jsfiddle.net/lhb...2014-04-23 18:23 来自版块 - 站长技能提升
-
adnimer： CSS书写规范及顺序
CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.文字系列(font, line-...2014-01-04 08:45 来自版块 - 站长技能提升
-
乱舞斗剧： 视频教程：CSS3动画属性实用技巧教程
目前CSS3动画已经越来越流行，在一些网页专题的产品介绍页面，手机APP首屏展示页面，又或者只是一个按钮简单变形，都可以使用CSS3来实现，虽然动画简单，但却让静态枯燥无味的页面增加一点生气，更吸引用户，更加高端。 今天向大家讲解几个常用的C...2013-12-24 17:02 来自版块 - 站长技能提升