这篇文章主要讲解了“css3中什么属性可以过渡”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着自由互联小编的思路慢慢深入,一起来研究和学习“c 这篇文章主要讲解
这篇文章主要讲解了“css3中什么属性可以过渡”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着自由互联小编的思路慢慢深入,一起来研究和学习“css3中什么属性可以过渡”吧!
css3中不是什么样式都可以过渡的,只有具有中间值的属性样式可以进行过渡设置;过渡是元素从一种样式逐渐改变为另一种的效果,必须要指定添加效果的CSS属性和指定效果的持续时间,语法为“transition:属性名 时间 速度 delay;”。
本教程操作环境:windows10系统、CSS3width:100px;height:50px;background-color:lightblue;transition:width2s,background-color2sease0.5s;/*代表width持续时间为2s,延迟时间为默认值0;background-color持续时间2s延迟0.5s*/}.test:hover{width:300px;background-color:indianred;}
输出结果:
感谢各位的阅读,以上就是“css3中什么属性可以过渡”的内容了,经过本文的学习后,相信大家对css3中什么属性可以过渡这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是编程笔记,自由互联小编将为大家推送更多相关知识点的文章,欢迎关注!