15 分钟学会 css 动画 #
第 1 节 transform #
主要内容包括使用 translate、rotate、scale 和 skew 等变换函数实现平移、旋转、缩放以及倾斜效果。
哔哩哔哩 #
YouTube #
第 2 节 transition #
主要介绍了 transition 属性的用法，以及各种常用缓动函数的效果对比，包括贝塞尔缓动函数(ease, easeIn,easeOut, easeInOut)、线性缓动函数以及阶跃缓动函数。
哔哩哔哩 #
YouTube #
第 3 节 animation 和 keyframes #
主要内容是 animation 和 keyframes，通过 animation 和 keyframes，我们可以创建更加复杂的 css 动画。
哔哩哔哩 #
YouTube #
第 4 节 动手实践 #
主要内容是运用前面几节课学过的 transform、animation 和 keyframes 实现视频开头里面文字颜色渐变的动画和圆圈旋转的动画。