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

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

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

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

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

16.FlexBox弹性盒子详解

RUNTIME: 50:50

详细介绍 CSS3 中的FlexBox 布局。
直接购买「JavaScript高级程序设计」

JavaScript高级程序设计

[美] 尼古拉斯·泽卡斯 著

一本包含了所有JavaScript知识的厚书。

直接购买「ES6标准入门」

ES6标准入门

阮一峰 著

前端越来越规范,JavaScript越来越规范了~

直接购买「CSS禅意花园」

CSS禅意花园

[美] Dave Shea / Molly E. Holzschlag 著

没错,就是这本「禅」书让我入的前端坑!

直接购买「CSS世界」

CSS世界

张鑫旭 著

不管你是新手还是资深开发,这本书里都会有你不知道的东西。