手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

CSS怎么让transition过渡效果延迟

时间:2024-10-28 05:47:31

1、在一个html文件中,已经写好了一个宽两秒内逐渐变长的过渡效果。

CSS怎么让transition过渡效果延迟

2、运行网页,可以看到当鼠标放在红色方块上时,宽就产生了过渡效果。

CSS怎么让transition过渡效果延迟

3、使用transition-delay属性来让transition过渡效果延迟2秒。

CSS怎么让transition过渡效果延迟

4、再次运行网页,可以看到当鼠标放在红色方块上两秒后,宽才产生过渡效果。

CSS怎么让transition过渡效果延迟
© 手抄报圈