美文网首页
transition属性

transition属性

作者: WangYatao | 来源:发表于2016-11-18 09:17 被阅读141次

transition属性
语句格式:
transition:<过度属性名称><过度属性时间><过度模式>
transition-property:color;<过度属性名称>
transition-duration:1s;<过度属性时间>
transition-timing-function<过度模式>

过度模式分为以下几种:
ease:缓慢开始,缓慢结束(默认值)
linear:匀速
ease-in:缓慢开始
ease-out:缓慢结束
ease-in-out:缓慢开始,缓慢结束(和ease稍有区别)
当div背景色为黄色,鼠标移动到div上时,背景色逐渐变为红色。
例如使div背景色红色在5秒内缓慢的变为黄色

Paste_Image.png Paste_Image.png Paste_Image.png

相关文章

  • CSS动画相关

    1.transition动画过渡属性 transition-property 设置过渡属性 transition-...

  • transition属性

    transition属性语句格式:transition:<过度属性名称><过度属性时间><过度模式>transit...

  • CSS3动画

    一、CSS3 transform 属性 二、CSS3 transition 属性 transition 属性是一个...

  • CSS3 过渡/转换

    一、过渡 transition transition: all 2s 简写属性transition-propert...

  • CSS过度方式transition

    transition 简写属性,用于在一个属性中设置四个过渡属性。 transition-property ...

  • 过渡

    transition 属性是一个简写属性,用于设置四个过渡属性: transition-property 规定设...

  • CSS 动画效果

    transition 过渡属性,transition是一个简写属性,用于设置四个过渡属性 transtion- p...

  • CSS过度方式transition

    transition简写属性,用于在一个属性中设置四个过渡属性。 transition-property 规定应...

  • CSS3 Transition过渡动画

    1、相关属性transition-property 过渡动画的相关属性,当属性发生变化时Transition可以让...

  • CSS之过渡,形变转换及动画

    过渡(transition) transition:要过渡的属性 时间 运动的形式 何时开始 transition...

网友评论

      本文标题:transition属性

      本文链接:https://www.haomeiwen.com/subject/prhrpttx.html