动效

manim边做边学--立方体和棱柱体本篇介绍Manim中创建三维立体的两个常用对象：Cube和Prism。Cube在制作动画时，可以用于展示立体几何中的立方体概念，或者通过旋转、缩放等动画效果来帮助理解三维空间中的几何变换。

manim边学边做--形状匹配manim中有几个特殊的用于形状匹配的对象，它们的作用是标记和注释已有的对象，本身一般不单独使用。形状匹配对象一共有4种：

SVG 路径动画的实现原理svg 路径动画的实现，主要依赖于两个 svg 属性(同样适用CSS)，它们分别是：如果 stroke-dashoffset 和 stroke-dashoffset 以及路径的长度相同，就可以实现元素从消失到完整出现的过渡效果。如下：

manim边学边做--点几何图形是manim中最重要的一类模块，manim内置了丰富的各类几何图形，本篇从最简单的点开始，逐个介绍manim中的几何模块。

前端对视频自动抽帧生成预览轴，给一个URL即可最近出于个人兴趣，正在开发一个这样的视频剪辑器，等开发得差不多了，可能会开源出来。今天主要讲一讲下面轨道中的视频预览是如何实现的。

manim边学边做--TitleTitle比较简单，是Mobjects分类中专门用来标题的一个class。其实Title主要就是文字和线两部分，自己封装也不难。不过，直接用Title可以省去调整位置的麻烦，它会确保标题显示在视频的顶端。 Title在manim各个模块中的位置如上图中所示。

Matplotlib库你凭什么不支持中文😡最近在学习 Matplotlib库的过程当中，遇到了一个让我比较费解的问题，Matplotlib库为什么支持中文呢。而且还需要自己手动去配置？怎么这么不智能呀！

小肚肚肚肚肚哦

上班摸鱼时写了个 b 站 banner 的鼠标跟随动画效果好久不写文章了，感觉也不太好，那就来水一篇吧！！啊哈哈~~~ 本文教你如何快速从 b 站抠出一个完整的动态 banner 出来！源码和素材在文章最后。

探索 MotionLayout 动画世界先附上一个简单的动画效果图：MotionLayout是ConstraintLayout的子类，具有ConstraintLayout的所有功能。

web动画知多少帧动画是一种通过连续展示一系列静态图像（帧）来模拟运动或变化的动画类型。这与传统电影的原理相似，即通过快速播放一连串的单独帧来创造视觉上的连续运动感。

关于TimeInterpolator的冷门用法关键词：插值器、TimeInterpolator、帧率、动画在一款屏保应用的开发中，需要防止屏幕因长时间显示同一颜色而老化，需要让TextView和静态的图片适当移动、放大，但是不能让用户察觉UI的元素在动，需要控制在30min完成一轮循环。

纯xml实现较复杂的CheckBox/Switch动画关键词：自定义View、属性动画、CheckBox、Switch、svg、Vector、矢量图Switch

小霖家的混江龙

仿百亿补贴，H5 中图片先模糊后清晰的效果如何实现逛过拼多多百亿补贴的同学，可能有一个体会，那就是图片加载非常快，很多图片瞬间就出现了，这是为什么呢？答案是：百亿补贴先加载了一张模糊小图、再加载了一张清晰大图，用户很难感知到模糊到清晰的过程，误以为图片加载很快。

小肚肚肚肚肚哦

实现前端中隔线滑动对比预览效果废话不多说，直接上效果图：源码：中隔线滑动案例你可以先别往下看，自己想想怎么实现~~ 本文的实现只是作者的方式，你当然可以使用自己的方式。

小肚肚肚肚肚哦

门户网站第二弹：实现滚动加载 - 滚动驱动的动画最近在开发官网的过程中，涉及到 UI 动画的制作，其中滚动效果的使用比较频繁，特此整理一下，以便查询和温习。

百应前端团队

CSS 3D 变化的那些事本文使用「署名 4.0 国际 (CC BY 4.0)」许可协议，欢迎转载、或重新修改使用，但需要注明来源。

Hello Lottie (lottie-web)实现一些动画效果，常用的方案是 Gif 动画 / 视频 /svg、canvas 动画/ 手写animation/序列帧。

如何应对Android面试官->嵌套滚动原理大揭秘，实战京东首页二级联动本章节主要从嵌套滑动、滑动冲突方案解决来入手，这里不是基于协调者布局；我们先来看一个示例：可以看到首页是有一个嵌套滑动的效果，上推的时候，频道先跟着移动，然后置顶不动，这种效果基于协调者布局可以实现，但是如果没有协调者布局的情况下，如何实现呢？

【manim】之圆规动画Manim 是一个基于Python的动画库，主要用于创建数学和科学中难以用普通视频制作工具制作的图形和动画。

前端实现动画的几种方式简介这里只是做简要介绍，属于知识的拓展。每种方案的更详细的使用方式需要各位自行了解。大体上技术方案分为：CSS 动画、SVG 动画、CSS + SVG、JS 控制的逐帧动画、GIF 图。