纯 CSS 实现 Apple TV 封面视差效果

[picturepan2]

预览：https://picturepan2.github.io/spectre/experimentals.html#parallax

---

这是 Spectre.css 框架实验性代码的一部分。

最近还重写了文档体验，也是纯 CSS 实现的交互，比如手机端的导航菜单。

[Neo]

不错，用伪元素触发，就可以少写几个 div 了

[picturepan2]

@Neo 哪个部分用伪元素？

[zhengjian]

锤子官网的 Banner 也不错，不知道可否实现
参考
http://qingjin.me/font-end/锤子科技首页 banner 图 3d 效果 /
http://codepen.io/mqhe2007/pen/zqzJLM
另外有个博客也差不多的效果
https://daneden.me/

[blanu]

@zhengjian 其实这个 banner 原理简单到你不敢相信…你可以查一下

[lhw45202]

不错

[xrr2016]

cool