今天学到了一个按钮动画，在哪里自己敲了半天，觉得那个思维太绕了，就自己研究了一下，写了个有点区别，但是效果差不动的CSS。
实现原理是：
/*一开始设置了内边距为0，所以里面全是内容区，但是按钮本身会使文本居中对齐，所以其实两边预留了很大的空间，都是内容区
此时如果我在右边增加内边距，则会挤压内容区，内容区变短，为了居中对齐，文本就会向左边移动来保证在剩下的区域内对齐*/
下面附上HTML和CSS文档。
HTML：
<body>
<div id="container">
<button><span>按钮</span></button>
</div>
</body>
CSS:
应该还有很多参数没考虑到！但目前只能写成这个样子了，其实也写出了其他的方法，但思维没这个简单！
最低0.47元/天 解锁文章
扫一扫
474
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
