过渡心得体会

过渡:

在一定的时间段内使css平滑的过渡,

需要一个触发点,

transition:none,all,inden(默认值)

duration:持续时间

transition-timing-function:速度

允许根据时间改变属性变化得速率

1,ease 逐渐变慢

2,linear 匀速运动

3,ease-in 加速

4,ease-out 减速

5,ease-in-out 先加速后减速

6,cubic-bezier 贝塞尔曲线 自定义时间曲线

(x1,y1,x2,y2)四个值两个点【0-1】

transition-delay(延迟):设置触发时间

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • W3C标准中对css3的transition这是样描述的:“css的transition允许css的属性值在一定的...
    青春前行阅读 1,438评论 0 5
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 2,342评论 0 11
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 1,810评论 0 2
  • 看了很多视频、文章,最后却通通忘记了,别人的知识依旧是别人的,自己却什么都没获得。此系列文章旨在加深自己的印象,因...
    DCbryant阅读 1,896评论 0 4
  • 故事不是事,有事是新闻。捕风捉影称传说,胡说八道算故事。还有就是一种小说体裁,可谓故事的另类形式,能说明什...
    有在无中阅读 1,001评论 0 0