CSS3过渡效果涉及四个属性

发布日期:2015-09-10 14:02:25
CSS3过渡效果涉及四个属性,也可以使用包含这四个属性的缩写。
  transition-property :要过渡的 CSS 属性名称(比如 background-color 、
text-shadow 或者 all ,使用 all 则过渡会被应用到每一个可能的 CSS属性上) ;
  transition-duration :定义过渡效果持续的时间(时间单位为秒,比如 .3s 、 2s
或 1.5s ) ;
  transition-timing-function : 定义过渡期间速度如何变化 (比如 ease 、 linear 、
ease-in 、 ease-out 、 ease-in-out 或 cubic-bezier ) ;
  transition-delay :可选,用于定义过渡开始前的延迟时间。相反,将该值设置为
一个负数,可以让过渡效果立即开始,但过渡旅程则会从半路开始。
单独使用各种过渡属性创建转换效果的语法如下:
#content a {
……其他样式……
transition-property: all;
transition-duration: 1s;
transition-timing-function: ease;
transition-delay: 0s;
}

相关文章

  Copyright © 2010-2018 北京梦创义科技
公司地址:朝阳区紫芳路9号院广顺园2号楼2605A

联系我们| 关于我们| 网站地图| 北京网站建设| 北京网页设计