一、常用概念：
1.Transform
Transform 属性应用于元素的2D或3D转换。这个属性允许你将元素旋转，缩放，移动，倾斜等，它包含有以下属性：
（1）矩阵 matrix
（2）移动 translate
(3) 缩放 scale
（4）旋转 rotate
（5）扭曲 skew
（6）透视 perspective(n)：为 3D 转换元素定义透视视图。
2、transition
transition 属性设置元素当过渡效果，四个简写属性为：
transition-property：指定CSS属性的name，transition效果
transition-duration：transition效果需要指定多少秒或毫秒才能完成
transition-timing-function：指定transition效果的转速曲线
transition-delay：指定transition效果的转速曲线
3、animation
4、伪类(Pseudo-classes)
伪类(Pseudo-classes) 为不同状态的元素为其添加对应的样式，使用单冒号(:)表示伪类：
:hover 把鼠标放在链接上的状态
:active 已选中的链接
5、伪元素
伪元素用于创建一些不在文档树中的元素，并为其添加样式。使用双冒号(:
标签：transition,鼠标,img,伪类,--,元素,height From： https://www.cnblogs.com/zhuoyun/p/16659866.html