CSS代码:
.css3_nudge ul li a { -webkit-transition-property: color,background-color,padding-left,border-right; -webkit-transition-duration: 400ms,400ms,400ms; } .css3_nudge ul li a:hover { background-color: #efefef; color: #333; padding-left: 50px; border-right: 1px solid red; }
<div class="css3_nudge nudge"> <ul> <li><a href="#" title="Home">Home</a></li> <li><a href="#" title="Blog">Blog</a></li> <li><a href="#" title="About">About</a></li> <li><a href="#" title="Register">Register</a></li> <li><a href="#" title="Contact">Contact</a></li> </ul> </div>
过渡对所有元素都很好但边界很好,它只出现在400ms的末尾,对边界没有影响.
我想要实现的是像新的谷歌Gmail按钮的效果.
在此先感谢您的帮助
解决方法
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。