CSS的动画
- 2D、3D转换
-
transform: translate移动
学习：transform: translate(距左 px,距上 px) 可以移动标签，借助不同前缀设置不同浏览器的效果：-webkit-transform可以设置sofari和chrome两个浏览器；-ms-transform可以设置IE浏览器；-o-transform可以设置opera浏览器；-moz-transform可以设置Firefox浏览器。 -
transform: rotate旋转
显示效果
学习：transform: rotate(顺时针旋转 deg) 可以旋转标签，借助不同前缀设置不同浏览器的效果，同上。 -
transform: scale缩放
显示效果
学习：transform: scale(水平缩放为几倍,垂直缩放为几倍) 可以缩放标签，借助不同前缀设置不同浏览器的效果，同上。 -
transform: skew倾斜
显示效果
学习：transform: skew(绕x轴倾斜 deg,绕y轴倾斜 deg) 可以倾斜标签，借助不同前缀设置不同浏览器的效果，同上。（2D）
PS：rotate X和rotate Y也可以实现一样的效果。（3D）
显示效果
2. transition过渡
显示效果
学习：transition后接各项可以设置过渡各标签的时间，transition-delay可以设置过渡开始的时间，图中借hover(鼠标指针置于目标标签上)描述过渡后的目标样式，不同浏览器的设置如上。
- 结合
显示效果
学习：@keyframes可设置关键帧，设定不同时间段的样式（位置，颜色）借由animation可以实现沿正方形移动，也可设定每个时间段的时间，infinite alternate可以设定循环往返移动。
-
多列
显示效果
学习：column-count可以设定分几列，column-gap可以设定列与列的间隔大小，column-rule可以设定分割线的粗细、样式、颜色，不同浏览器的设定如上。 -
分列瀑布流
显示效果