css3学习之2D转换功能详解

2018-06-23 18:25:12来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

前言

CSS3提供了2D转换功能,能够对元素进行移动、缩放和转动等功能。

2D转换的属性名为transform,使用方法为transform:method(value)。

2D转换方法有translate、scale、rotate、skew、matrix,还有基于这些分支出的translateX、scaleY等。

这里,我将会介绍到以下转换方法:

  1. translate()
  2. rotate()
  3. scale()
  4. skew() 

首先,我们先插入一个简单的html代码


Css3的2D转换
This is a picture

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:详解CSS中的display:flex||inline-flex属性

下一篇:对CSS3选择器的研究(详解)