CSS3的transform属性

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);
}

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。