前言
CSS3提供了2D转换功能,能够对元素进行移动、缩放和转动等功能。
2D转换的属性名为transform,使用方法为transform:method(value)。
2D转换方法有translate、scale、rotate、skew、matrix,还有基于这些分支出的translateX、scaleY等。
这里,我将会介绍到以下转换方法:
首先,我们先插入一个简单的html代码
*{
margin:0;
padding:0;
}
#picture{
width:100%;
height:500px;
background:#ccc;
}
img{
margin:100px 0 0 100px;
}
|