我们利用css3中的transform可以实现文字或图像的旋转、缩放、倾斜和移动四种类型的变形处理。
本文使用的是标准的transform,亦可以使用各个浏览器对应私有的属性。对应如下
- -webkit-transform
- -moz-transform
- -o-transform
不过在我的电脑上用transform效果相同,Chrome 49 Firefox 46 IE 10
一、旋转(rotate)
<meta charset="UTF-8">Document <style> img:hover{ transform: rotate(90deg); } </style><body>