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(倍数)实现放大缩小

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值