最近花时间看了下CSS3,下面列出一些例子供大家参考,Web欢迎大家探讨 o(∩_∩)o
其中“ -moz- ” 一般指火狐的写法,“ -webkit- ” 一般指webkit内核浏览器的写法.
1、border-radius 实现圆角效果,只需一行CSS代码便可以实现,支持众多浏览器,当然不支持IE。
2、border-top-left-radius设置圆角各个角的半径值(不支持IE)
3、box-shadow实现阴影效果(不支持IE)
4、css3实现阴影和圆角完美结合
5.text-shadow实现多重阴影效果。
6.opacity实现背景透明度(不支持IE)
7.transform:skew()将元素产生透视效果
8.transform:rotate(度数) 将元素旋转X度
9、transform:scale(倍数)实现放大缩小。