携手创作，共同成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第4天，点击查看活动详情
1. 导言
前几天看到一个CSS 的滑块过渡动效按钮效果，这个丝滑的效果感觉非常不错，今天就想着来复线还原一趟；
2. 思路
首先，我们来聊聊 ==思路== ：
- 拆解整体结构分为容器，按钮，滑块三个部分的各类样式；
- 容器 被点击时候需要添加对应的Css 透视和一定幅度的Y轴旋转，营造下陷感觉，值得注意的是按钮点击触发下陷的动画始中，左右两边的幅度也不尽相同，所以还需给他们分别设置不同的原点；
- 按钮存在选中和非选中两种状态，并存在scale 缩放效果，效果为：
- 被选中时，先稍微多放大一些，再缩小为选中的放大状态保持；
- 未选中时，先稍微多缩小一些，再放大为未选中的正常状态保持；
- 效果（滑动）需要起始和结尾稍慢，中间较快的速度，需要用贝塞尔函数来实现。 贝塞尔函数 可以前往 点击前往
3. 实现
首先，uni-app 环境安装这一步我们就不详细介绍了吗，如有疑问可移步。
如下，我们本次的扩展也是基于此来修改的：
首先，第一步我们要做的是
