各位朋友,大家好!我是你们的老朋友,今天咱们来聊聊一个有点酷炫,但又经常被忽视的玩意儿:CSS Force Touch / 3D Touch 事件,以及它和 transform、opacity 这些老伙计的深度交互。 别看这玩意儿名字里带着 Force、3D 这么唬人的词儿,其实它背后的原理并不复杂。简单来说,就是设备能感知你按压屏幕的力度,然后我们就能根据这个力度来做点文章。 一、Force Touch/3D Touch:是谁?从哪儿来?要到哪儿去? 首先,得跟大家承认,Force Touch 和 3D Touch 现在有点“过气”了。Apple 已经在新的设备上逐渐放弃了这种硬件特性。但是,理解它的工作原理,以及如何利用它进行交互设计,仍然很有价值。因为类似的压力感应技术可能会以其他形式回归,而且我们现在仍然能用它来做一些很有意思的实验。 Force Touch (Apple Watch, MacBook): 主要检测你按压的力度是 "点击" 还是 "用力点击"。基本上只有两种状态。 3D Touch (iPhone 6s – i …
继续阅读“CSS `Force Touch` / `3D Touch` 事件与 `transform` / `opacity` 深度交互”