在用CSS对样式进行修改时,可以通过伪类及伪元素来对选择器添加一些特殊的动态的效果,以达到简单但效果不错的交互。
分类:
Web程序 时间:
2014-06-05 15:59:03
阅读次数:
262
空标签方式:(每次都要添加空div).clearfix{clear:both;}BFC方式:(局限性:不能有谈层).clearfix{*zoom:1;overflow:hidden;}伪元素方式:.clearfix{*zoom:1;}.clearfix:after{display:block;cle...
分类:
Web程序 时间:
2014-06-03 13:54:02
阅读次数:
305
时尚而简单的鼠标经过图标动画效果时间: 2013-5-31 作者: Javin TAGS: css,
hover, 创意,
图标设计今天就为大家分享一组时尚而简单的鼠标经过图标动画效果。主要的原理是当经过图标或触发其伪元素时,利用css的transitions和animations属性,来实现的一些...
分类:
其他好文 时间:
2014-06-02 21:53:56
阅读次数:
301
前几天同事问我css中单冒号和双冒号是什么意思,我也模糊得很,只有个笼统的概念就是:伪元素和伪类。一直以为,页面布局中很少使用到伪类,结果细细研究发现我们经常使用的hover就是一个最简单的伪类,顿时觉得自己太OUT了,紧跟着这两天都在看这些东西,其实伪类最简单的理解就是用于向某些选择器添加特殊的效...
分类:
其他好文 时间:
2014-05-26 22:25:40
阅读次数:
381
今天发现很多国外的网站和框架设计都用到了before和after,之前使用的比较少,今天试了下觉得还是很有意思的~说明1.
:before 和
:after将在内容元素的前后插入额外的元素;:before将会在内容之前“添加”一个元素而:after将会在内容后“添加”一个元素。在它们之中添加内容我们...
分类:
Web程序 时间:
2014-04-28 00:17:14
阅读次数:
546