secret css
2篇文章 · 0订阅
  • 怎么实现一个3d翻书效果
    这种整页翻转的效果主要是做rotateY的动画，并结合一些CSS的3d属性实现。 主要是通过计算页面翻折过来的位置。 这两种原理上都不是很复杂，需要各个细节配合好，形成一个连贯的翻书动画。 我们先重点说一下第一种翻页效果的实现。 1. 基本布局 一个li.paper就表示一张纸…
    CSS JavaScript 前端
    怎么实现一个3d翻书效果
  • 纯 CSS 实现像极了爱情
    最近突然回想到之前看过的一个动画，是一个正方体向球体表示爱意，被拒绝，改变自己的小动画。 1. 导演上场 这个动画中存在镜头转换，所以我们需要一个导演把控全局，写个简单效果进行测试。 测试完成。 2. 猪脚 cube 登场 龙套们退场，猪脚登场。 这样猪脚看起来还是眉清目秀的。…
    前端
    纯 CSS 实现像极了爱情