transition动画最简使用方式

HTML

<a href="#" title="">test</a>

CSS

a {display:block; width:200px; line-height:2em; border: 1px solid #000; text-align: center;}
a:hover {width:300px; background-color: #f00; transition-duration:0.2s;}

只要在:hover里写 transition-duration 就可以了

posted @ 2015-12-31 17:00  taodesign  阅读(249)  评论(0)  编辑  收藏  举报