动画性能优化

为什么我要对比Flip翻转的几种实现方式 最近在项目里需要实现一个卡片翻转的效果，本来以为挺简单的，结果发现里面的坑还挺多。我主要尝试了三种实现方式：纯CSS、CSS + JavaScript、以及用...

项目初期的技术选型 这个项目是个内部用的内容管理后台，主要功能是编辑和预览页面。客户提了个需求：希望在切换不同组件面板的时候有点“动效”，别那么生硬。最开始我其实挺抗拒的，毕竟后台系统搞那么多花里胡哨...

这次真的是被CSS动画搞蒙了 上周遇到一个需求，需要做一个按钮点击后先放大然后缩小回原状的动效，看起来挺简单的，结果折腾了我整整一天。刚开始觉得用transform就能搞定，结果发现动画执行完之后元素...

开篇：为什么要做这次CSS动画对比 最近重构一个移动端项目，动画效果这块纠结了好几天。之前一直在用transform做各种转场，但这次遇到复杂交互，发现单纯用CSS动画还是有局限性。于是把几种方案都拉...

先看效果，再看代码 上周改一个动效组件，产品经理说“这个卡片要能拖拽还能缩放旋转”，我第一反应就是：别搞这些花里胡哨的，但转头一想，用 transform 其实几行 CSS 就能搞定。亲测有效，今天就...

又踩坑了，CSS动画卡顿 今天在做一个项目时，发现一个CSS动画特别卡。本来以为是性能问题，结果折腾了半天发现是CSS属性没用对。 排查过程，试了好多方法 一开始我以为是浏览器性能问题，换了几个浏览器...