移动端利用伪元素提升按钮交互体验

移动端上面的按钮如果很小,点起来很麻烦,体验将会很差,有的用户可能会有摔手机的冲动~

上面的 ❤ ,在手机上点击是比较考验耐心的~

所以,我们想要按钮好点的话,得适当的扩大它的触发范围,可以使用::before::after来实现:

.btn-trigger{
  position:relative;
  &::before{
    content:'';
    position:absolute;
    left:-10px;