当鼠标指针滑过按钮时，按钮左侧内边距减小，使文字从右侧移动到左侧，并将背景颜色更改。同时，也为鼠标指针滑过状态下的i图标设置了新的属性状态，使得图标向右移动，停止在与右侧的距离等于整体宽度的5%的位置。如图：
引入图标文件：
<link rel="stylesheet" href="lib/font-awesome/css/font-awesome.min.css">html:
<button>
<a css3 - 按钮元素动画效果
本文介绍了一种CSS3实现的按钮动画效果，当鼠标悬停时，按钮文字从右侧移向左侧，背景颜色变化，同时按钮内的图标向右移动至特定位置，为交互增加动态体验。
最低0.47元/天 解锁文章
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
