CSS3过渡transition-米色乐呵

过渡动画，需要设置在过渡元素上。

语法：

transition: property duration timing-function delay;

参数：

property 过渡属性，指定属性或all，必须设置。

duration 过渡执行时间，单位秒 1s（必须有单位），必须设置。

timing-function 运动曲线默认ease。属性值：

linear 匀速过渡

ease 慢速开始，然后变快，然后慢速结束过渡

ease-in 以慢速开始过渡

ease-out 以慢速结束过渡

ease-in-out 以慢速开始和结束过渡

delay 开始时间，单位秒，默认0s（必须有单位）。

示例：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            div.aa {
                width: 200px;
                height: 200px;
                background-color: #006DCC;
                border-radius: 50px;
                transition: all 2s;
            }
            div.aa:hover {
                width: 600px;
                height: 300px;
            }
        </style>
    </head>
    <body>
        <div class="aa"></div>
        hello World!
    </body>
</html>