transition hover order

css3 过渡属性,hover书写顺序

by weiming le

HTML

<button class="btn" id="btn1">demo1</button>
<button class="btn" id="btn2">demo2</button>

CSS

body { margin:20px; }
.btn { height:24px; width:60px; color:#fff; background:#333; font-size:16px;  border:0 none; border-radius:3px; }
#btn1 {  }
#btn1:hover { color:#333; background:#eee; -webkit-transition:all 3s linear 0.5s;/*属性,持续时间,动画方式,延迟时间*/ }
#btn2 { -webkit-transition:all 3s linear 0.5s;/*属性,持续时间,动画方式,延迟时间*/  }
#btn2:hover { color:#333; background:#eee; }