HTML CSS 过渡效果

HTML CSS 过渡效果
1、transition
过渡(transition): 通过过渡可以指定一个元素的属性在发生变化时的切换方式,从而创建一些非常好的效果,提升用户的体验。如:
transition: height 2s; /*当元素的高度放生变化时,需要花费两秒钟的时间来进行过渡。*/

这种方式可以同时设置过渡相关的所有属性,只有一个要求,如果要写延迟,则两个时间中第一个是持续时间,第二个表示延迟时间。
transition: 2s margin-left 1s; /*表示当元素的margin-left属性值发生变化时,延迟1秒后,开始过渡,持续时间为2秒*/

2、另外一种设置的方式:
transition-property: 指定要执行过渡的属性,如:transition-property: width, height。
可以同时指定宽度和高度,多个属性之间使用逗号进行隔开,如果

HTML CSS 过渡效果最先出现在Python成神之路

版权声明:
作者:主机优惠
链接:https://www.techfm.club/p/19317.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>