首页 > Web开发 > 详细

CSS3的transform属性

时间:2015-04-24 23:56:23      阅读:447      评论:0      收藏:0      [点我收藏+]

CSS3的一些属性可能比较新,有一些书从国外翻译到国内的时间上会延缓1-2年。所以有一些东西还需要及时整理。

下面说一下CSS3的一个属性:transform

其实字面上的意思已经很明显了就是变化,变幻的意思。

那到底怎么个变法?

transform可以选下面几个值:

  1. 旋转-rotate(rotatex,rotatey)
  2. 倾斜-skew
  3. 缩放-scale
  4. 移动-translate

下面给出的例子可能都非常简单,真正详细的还是看W3School毕竟是定期更新的


1.rotate

a.rotate{
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
}

CSS3的transform属性

原文:http://www.cnblogs.com/manfredHu/p/4455064.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!