制作按钮点击的平滑的过渡效果

在电商网站按钮的过渡的炫富于点击效果不能过于生硬，然后过渡效果本来也不是用的很好，每次就干脆直接写了

transtion:all .3s;

transition可以有多个属性，逗号隔开,发现不是很写的出来，贴上参考网址。

参考格式，真的好长。
transition ： [<'transition-property'> || <'transition-duration'> || <'transition-timing-function'> || <'transition-delay'> [, [<'transition-property'> || <'transition-duration'> || <'transition-timing-function'> || <'transition-delay'>]]*