现在的位置: 首页 > 综合 > 正文

CSS3.0的特效教程

2013年08月31日 ⁄ 综合 ⁄ 共 356字 ⁄ 字号 评论关闭

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

 

抱歉!评论已关闭.