重点：只有属性的值是数值类型时，该属性才能响应过渡效果
display:none;会中断所有的过渡效果，后期可以通过js来解决
/*过渡总时间*/
transition-duration: 2s;/*响应过渡属性设置*/
transition-property:width background;
text-align: left;
text-decoration:underline;
display: block;
margin:0;
opacity: 0;
/*时间过渡曲线
贝塞尔曲线控制方程 cubic-bezier(0, 1.36, 1, -0.36)
默认值ease 初速度不为0的加速
ease-in 初速为0的加速
ease-in-out:先加速后减速;
linear线性的匀速
steps(n)：步进过渡
step-start：先进入到第二个样式点，在将过渡时间消耗完
step-end：先将过渡时间消耗完，在进入到第二个样式点
*/
transition-timing-function:linear;
/*动画延迟
主要用来控制多个盒子的动画先后顺序
*/
transition-delay: 2s;
/*简写属性
属性默认值时all 时间默认值0 时间曲线方程默认值：ease 书写部分先后，只有总时间和延迟时间解析
有先后，总时间在延迟时间之前
*/
/*transition: 属性 总时间 延迟时间 时间曲线方程*/