学习笔记（2）---CSS中的易混淆点

　　　　　　transition和transform以及animation的区别

transition:是元素从一种样式变换为另一种样式时为元素添加的效果

       必须规定的两项内容有：a.规定你希望把效果添加到哪个CSS属性上

                                       b.规定效果的时长（如果时长未规定，则不会有过渡效果，因为默认值是 0。）

transform:能对元素进行移动、缩放、转动、拉长或拉伸，是使元素改变形状、尺寸和位置的一种效果。（分为2D转换和3D转换）

animation:是使元素从一种样式逐渐变化为另一种样式的效果。可以改变任意多的样式任意多的次数。

 　　必须规定的两项内容有：a.规定动画的名称

　　　　　　　　　　　　    b.规定动画的时长

       注： @keyframes 中创建动画时，请把它捆绑到某个选择器，否则不会产生动画效果。

 

 

 

转载于:https://www.cnblogs.com/mujinxinian/p/5676792.html