zoukankan      html  css  js  c++  java
  • 如何指定个别属性进行transition过渡

    transition是CSS3新增的动画属性,可以实现属性的平滑过渡,大大提高用户体验,对于多个属性进行过渡的话很多人会这样写

    .tr{ transition:all 1s}
    

    很不幸的是如果我只需要对其中一两个而不是全部属性进行过渡话很多人就素手无策了,其实你可以这样写

    .tr{ transition-property: width , height; transition-duration:1s , 1s;}

    tips:

    transition有四个属性,很多人都会遗忘,分别是transition-property,transition-duration,transition-timing-function,transition-delay,尤其是transition-delay,这个可以实现延迟动画

    附上transition官方网址:https://www.w3.org/TR/css3-transitions/

  • 相关阅读:
    运算符
    数据运算
    login_code
    headless&unittest
    dict-test
    list_test
    string_test
    python1113
    堆排序
    java线程同步问题
  • 原文地址:https://www.cnblogs.com/diantao/p/5798157.html
Copyright © 2011-2022 走看看