网页|你不知道的HTML——transform

欢迎点击「算法与编程之美」↑关注我们！

本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。

问题描述

在之前写的如何打印用六边形组合的蜂窝状图形的博客中，有简单的提到transform标签。但是对于这个属性的值，并没有怎么简介。今天就来学习了解一下transform标签吧！

解决方案

Transform的意思是使什么改变形态; 使什么改变外观(或性质); 使改观等。在HTML中，我们可以利用transform功能来实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形处理。

Transform常见的属性包括：rotate、 skew、scale、translate 。需要注意的就是这些属性还有x轴、y轴的区分，比如：rotatex() 和 rotatey()。当我们使用transform对元素进行旋转、缩放、倾斜、移动时，我们需要考虑transform的优先级。即rotate，scale，