转换是使元素改变形状、尺寸和位置的一种效果,CSS3包括2D转化和3D转化,在这里我们只接受2D转化!
1、translate()方法
通过 translate() 方法,元素从其当前位置移动,根据给定的位置参数进行转化
代码实现:

实际效果:

2.rotate() 方法
通过 rotate() 方法,元素顺时针旋转给定的角度。
代码实现:

实际效果:

3.scale() 方法
通过 scale() 方法,元素的尺寸会增加或减少
代码实现:

实际效果:

4.skew() 方法
通过 skew() 方法,元素翻转给定的角度
代码实现:

实际效果:

本文讲解了如何通过CSS3进行2D转换 ,更多相关内容请关注php中文网。
相关推荐:
JSON 即 JavaScript Object Natation,它是一种轻量级的数据交换格式,非常适合于服务器与 JavaScript 的交互。本文将快速讲解 JSON 格式,并通过代码示例演示如何分别在客户端和服务器端进行 JSON 格式数据的处理。
立即学习“前端免费学习笔记(深入)”;









