我们知道transform属性可以使文本和图片进行变换,结合:hover等选择器或其他属性,从而达到我们需要都动态效果。
干货:
经过查阅我们得知transform不对内联(行内)元素生效,举个例子比如我们熟知的<span>标签等等
元素本是块级,但由于需要被设置成了行内,这是我们极易疏忽的,比如display:inline;
解决方法:将inline改为inline-block(元素本身被格式化为atomic inline-level box ,内部被格
式 化为 block box;)
![](https://i-blog.csdnimg.cn/blog_migrate/5853457a43a0b737e4a84f6d98067c5e.png)