我正在处理一个按钮,当鼠标悬停时可以改变背景颜色和颜色CSS属性。很基础的东西。
<span>Contact me</span>
.contact-right span{
background-color: #fff;
color: #f87f73;
padding: 0px 25px;
border: 5px solid #f87f73;
}
.contact-right span:hover{
background-color: #f87f73;
color: #fff;
-webkit-transition: all .35s ease;
-o-transition: all .35s ease;
transition: all .35s ease;
}
目前这个效果已经很不错了,我看到过渡效果非常流畅,背景颜色和文字颜色也变化得很平滑。但是我想实现一个特定的效果,让过渡效果从按钮的左侧开始进行。我的意思是,过渡效果不应该只在整个按钮上同时发生,而是应该从左向右滑动,并且从左到右改变背景颜色和文字颜色。
我该如何实现这个效果?可以通过CSS实现吗,还是必须要使用Jquery等其他工具呢?