移动端按钮

效果图

首先写个盒子包裹按钮命名btn_box

效果

百度 css去除按钮默认样式

直接复制代码

button { width: 200px; height: 50px; background-color: red; border-radius: 10px; border: none; outline: none; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

效果

稍微调整一下

效果

右对齐

效果

给两个按钮加颜色并且外部挤压左边4vw

最终效果

给按钮添加一个按下后的效果

缩小90% 更换颜色

然后再加个缓动效果给按钮

完成