CSS3.0的特效教程

最近花时间看了下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(倍数)实现放大缩小

 

你可能感兴趣的:(css,浏览器,ie,webkit,web)