CSS-transition属性

transition:过渡
正如其字面意思一样,transition的作用就是将CSS样式通过逐渐过渡的方式展示出来。
它的语法是:

transition: property duration timing-function delay;

property —— 指定CSS属性的name,transition效果;
duration —— transition效果需要指定多少秒或毫秒才能完成;
timing-function —— 指定transition效果的转速曲线;
(linear:以相同速度开始至结束;ease:慢速开始,然后变快,然后慢速结束;ease-in:以慢速开始;ease-out:以慢速结束;ease-in-out:以慢速开始和结束;cubic-bezier(n,n,n,n):速度曲线立方贝塞尔曲线函数;)
delay —— 定义transition效果开始的时候;

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • W3C标准中对css3的transition这是样描述的:“css的transition允许css的属性值在一定的...
    青春前行阅读 5,321评论 0 5
  • 看了很多视频、文章,最后却通通忘记了,别人的知识依旧是别人的,自己却什么都没获得。此系列文章旨在加深自己的印象,因...
    DCbryant阅读 5,860评论 0 4
  • 转自:https://www.jianshu.com/p/56f8ddafc63f上一篇介绍了CSS3里trans...
    BULL_DEBUG阅读 4,253评论 0 0
  • 每一首歌都是有一段故事,若是一首歌没了故事在其中,唱起来再有艺术感,也无法引起其他人其他人情感上的共鸣吧。反过来说...
    呼吸的鲸鱼阅读 1,765评论 0 0
  • 回家的路上想到这一年其实犯了很多错误,很多问题都是最近才意识到的,想来这一年还是浪费了不少时间。 在工作上,一直都...
    赵弘阅读 1,558评论 0 4

友情链接更多精彩内容