码迷,mamicode.com
首页 > Web开发 > 详细

学习笔记(2)---CSS中的易混淆点

时间:2016-07-16 20:37:15      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:

      transition和transform以及animation的区别

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

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

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

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

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

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

                b.规定动画的时长

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

 

 

 

学习笔记(2)---CSS中的易混淆点

标签:

原文地址:http://www.cnblogs.com/mujinxinian/p/5676792.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!