一 css3过渡 转换
css3过渡(transition)允许我们在限定的时间内从一个属性值转变到另一个属性值.
●transition-property:指定要转换的属性
●transition-duration:指定转换发生的持续时间
●transition-timing-function:指定转换的速度在其持续时间内如何变化
●transition-delay:指定过渡效果的延迟(以秒为单位)
2024年11月17日
一 css3过渡 转换
css3过渡(transition)允许我们在限定的时间内从一个属性值转变到另一个属性值.
●transition-property:指定要转换的属性
●transition-duration:指定转换发生的持续时间
●transition-timing-function:指定转换的速度在其持续时间内如何变化
●transition-delay:指定过渡效果的延迟(以秒为单位)
2024年11月17日
下面是一个简单的示例，一个div设置了背景颜色和宽度，但没有设置高度，所以它无法撑起自己的身体。
·如果想要让这个div的比例保持不变，可以使用“aspect-ratio”属性。例如，我们将其设置为“5:2”，因为宽度已经设置为100%，所以它会自动计算出高度，这样这个div就能正常显示，其宽度和高度的比例为5:2。无论你如何调整窗口大小，这个div的比例都会保持不变，这对于移动端的响应式设计非常方便。