Leaves CSS3翻页动画效果
老外写的翻页效果 leaves，动画做得蛮自然的，切换时候有种纸张翻动的感觉，挺适合做电子书、图册、相册这些交互比较丰富的页面。
动画基于CSS3加一点JavaScript控制，核心逻辑不复杂，样式也清爽，响应还挺快的。效果基本不用怎么改，直接拿来就能用。
你要是想快速测试，可以参考这篇文章，里面的leaves应用例子还不错：测试翻页效果使用 leaves，有演示也有代码，复制粘贴就能跑。
另外还可以搭配一些常用的翻页代码，比如这篇js 常用常用翻页效果代码，你可以灵活切换不同风格。
建议你用之前先看看leaves的动画触发条件和结构要求，比如容器层的position: relative有没有设好，否则容易出现层级问题。
如果你项目里有交互展示需求，不妨试试这个，能让页面显得精致不少，体验也会更顺滑。
文件大小：3.1MB
评论区