[10分钟-天]CSS过渡

CSS过渡提供了一种在更改CSS属性时控制动画速度的方法。它可以使属性更改成为一个持续一段时间的过程，而不是立即生效。例如，将元素的颜色从白色更改为黑色通常会立即生效。使用CSStransitions后，元素的颜色会以一定的曲线速率逐渐从白色变为黑色。这个过程可以定制。transition=transition-property+transition-duration+transition-timing-function+transition-delaytransition-property指定要应用的过渡属性的名称。可用属性列表https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animated_propertiesnone：没有过渡动画。all：所有动画属性都展示了过渡动画。IDENT：属性名称。由小写字母a到z、数字0到9、下划线(_)和破折号(-)组成。第一个非破折号字符不能是数字。此外，它不能以两个破折号开头。过渡持续时间<时间>类型。表示过渡属性从旧值变为新值所需的时间。如果duration为0s，表示不显示转场动画，该属性会瞬间完成转场。不接受负值。（单位s或ms）transition-timing-function=ease|缓入|缓出|缓入缓出|cubic-bezier(,,,)=步进|步骤结束|steps(<整数>[,]?)=jump-start|跳转结束|无跳|跳转|开始|endtransition-delay指定Transition开始生效前等待的时间。该值以秒(s)或毫秒(ms)为单位，指示Transition何时开始。正值会延迟过渡效果的响应；负值将导致转换立即开始。TransitionVSAnimationTransition可以从一种状态平滑地过渡到另一种状态，而Animation可以做一系列更复杂的动作。过渡通常更易于创建和管理，并且适用于大多数情况。如果需要对某个元素进行更高程度的控制，可以做一系列的动画步骤；或者当动画需要在加载开始出现时，用关键帧来完成动画会是更好的选择。