如何用纯 CSS 实现页面之间的平滑过渡

2024-12-24 18:13:08
推荐回答(2个)
回答1:

使用过渡属性 transition可以让页面的模块进行平滑过渡

例子:








上面这个例子可以看到长宽100的正方形平滑过渡2s

transition的具体属性值

transition-property 规定设置过渡效果的 CSS 属性的名称。

transition-duration 规定完成过渡效果需要多少秒或毫秒。

transition-timing-function 规定速度效果的速度曲线。

transition-delay 定义过渡效果何时开始。

参考

http://www.w3school.com.cn/cssref/pr_transition.asp

回答2:

transition 去百度搜搜这个属性的使用