transition-property

用于指定要参与过渡的css属性名称，例如你想要长宽过渡，那么在后面写 width，height 即可，如果想省事可以写成 all，即全属性都变化

transition-duration

用于指定过渡的时间，只需要在后面加上想要过渡的时间即可，可以分别设置与 property 相对应的过渡时间，也可以只设置一个应用于全部。默认值为0，即啥效果也没有

transition-delay

用于指定过渡的延迟等待时间，即多少秒后开始过渡，只需要在后面加上想要等待的时间即可， 可以分别设置与 property 相对应的等待时间，也可以只设置一个应用于全部，默认0

可以用来设置过渡时的类型，其有以下常用类型：

ease：先加速后减速（默认）

linear：匀速

ease-in：加速

ease-out：减速

ease-in-out：先加速后减速（较ease速度变化效果明显）

cubic-bezier：贝塞尔曲线 

div {
   width: 100px;
   height: 100px;
   background: red;
    transition: width 2s, height 2s
}
 div:hover {
   width: 300px;
   height: 200px;
}