css3 transition-property属性设置css过渡动画的属性

分类:知识百科 日期: 点击:0

CSS3的transition-property属性可以用来设置CSS过渡动画的属性,它允许你在不使用任何JavaScript的情况下实现动画效果。它可以让你指定一个属性,当你改变该属性的值时,它会以一种平滑的方式过渡到新的值。

使用方法

  • 为要过渡的属性设置transition-property属性,指定要过渡的属性,语法如下:
transition-property: property;
  • 设置transition-duration属性,指定过渡的时间,语法如下:
transition-duration: time;
  • 设置transition-timing-function属性,指定过渡的速度曲线,语法如下:
transition-timing-function: timing-function;
  • 设置transition-delay属性,指定过渡的延迟时间,语法如下:
transition-delay: time;

注意:transition-property属性可以指定多个属性,只要用逗号分隔即可,如:

transition-property: width, height;

上面的代码表示,width和height这两个属性都会过渡。

标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。