CSS3过渡主要指transition属性，具体如下：

transition:all 2s ease-in-out 3s;

transition:property duration transition-timing-function delay;

transition-property

transition-property属性指执行过渡变换的属性，这些属性必须有直接的改变，如all || width || height || left || right || top || bottom || opacity || font-size || color 等。

transition-duration

transition-duration过渡变换延续的时间，单位s(秒)，可以为小数。

transition-timing-function

transition-timing-function过渡的动画类型，主要有：

1. linear 匀速
2. ease 先快后慢
3. ease-in 由慢到快
4. ease-out 由快到慢
5. ease-in-out 先慢后快再慢
6. cubic-bezier(n,n,n,n)自定义函数，可能的值为0~1。

transition-delay

transition-delay执行过渡开始的时间（延时）

设置过渡记得设置初始值！伪元素不能hover。

示例如下：

    <style>
        a.transition{
            display:block;
            width:300px;
            height:300px;
            background-color:pink;
            margin:0 auto;            
        }
        a.transition:hover{
            transition:all 2s ease-in 1s;    
            width:500px;
            height:500px;
            background-color:fuchsia;
            border:20px solid gold;
            border-radius:50% / 50%;
        }
    </style>
    <a class="transition" href="https://liuxiaomengzy.github.io/"></a>