本篇我们讲讲 requestAnimationFrame 这个 API，就算不谈 React，2022 年了，这个 API 多少也是要知道一点的。

「本文已参与低调务实优秀中国好青年前端社群的写作活动」 前言 react native 一共提供了两种动画，一种是可以绘制自定义动画的 Animated 库；另一种是负责布局动画的LayoutAnim

进度条会一段一段的渲染，非常突兀，用户体验很不友好。下面我们一起来探究一下transition属性用了什么魔法，让CSS能动起来？ property：可以做动画的属性，包括width、height、background、backgorundImage、opacity、font、…

本文正在参加「金石计划 . 瓜分6万现金大奖」 使用方式 看名称效果图，有没有和自己想要的效果类似的 有的话，复制粘贴代码使用 也可以自己修改一下 css效果并不是特别难，只是有时候我们可能想不到 注

通过 CSS3 变形属性，我们能够对元素进行移动、缩放、转动、拉长或拉伸。CSS过渡在一段时间内把css属性的初始值变为另一个值，既`逐渐变化`，不那么突兀。css动画的效果则更加强大，可以自动播放。

这个圆圈是用border-radius: 50%画出来的，所以width/height变大的时候，圆圈的半径就会变大，但是在变化的过程中变形了。如果改成用padding做动画，效果也一样，那怎么办呢？一个方法是把动画时间调小一点，这样看起来会减轻，但终究不是根本解决办法。 我在…

通过纯css的方式实现一个有间隔的无限循环动画，并且动画需要加缓动函数。单纯的animation肯定实现不了，大家不要一直专注在各种属性的使用上，可以灵活通过其他元素配合，本文就通过css障眼法的方式

前两天看到一篇文章做了一个“剑气”的加载动画，很有趣，自己顺道做了一下，发现变形属性已经不太记得了，想着写一篇文章复习一下。

用JS修改animation属性，不起作用（无效）。 运行中的动画改变animationtiming/keyframe被忽略是符合标准的。使用设置不同的类，然后通过setAttribute切换。