查漏补缺——transition属性的三个参数什么意思?


问题

如题所示

  transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all linear;
  -o-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;

答案

transition属性的一些用法

第一个参数说明这个过渡需要使用0.3s,第二个参数说明所有属性都能获得过渡的效果,第三个参数规定过渡效果的过程是慢速开始,然后变快,然后慢速结束的过渡效果(cubic-bezier(0.25,0.1,0.25,1))