css动画
2篇文章 · 0订阅
  • 怎么实现一个3d翻书效果
    这种整页翻转的效果主要是做rotateY的动画，并结合一些CSS的3d属性实现。 主要是通过计算页面翻折过来的位置。 这两种原理上都不是很复杂，需要各个细节配合好，形成一个连贯的翻书动画。 我们先重点说一下第一种翻页效果的实现。 1. 基本布局 一个li.paper就表示一张纸…
    CSS JavaScript 前端
    怎么实现一个3d翻书效果
  • 书本无限翻页动画
    我们需要将两张图合成一张有正反两面。这里需要将反面沿着 y 轴反转一下就可以正确的显示了。使用 transform:scale(-1,1) 原本左侧这张图是正面看时的视角，右侧图是反面看的视角 将两张图合成一张时通过定位将图重叠在一起。 发现旋转时无论转了多少角度都只能看见图二…
    CSS