CSS&JS

本期我们将用scss+svg去完成一款简单实用的加载动画——三色融合球，顾名思义，我们会做三个颜色的小球，进行变形旋转然后融合到一起最后循环往复这个操作。

本期我们将用css制作一款可以自由定制扩展的vue进度条组件，里面包含vue组件开发与css动画这些知识，面相新来的小伙伴所准备。

本期也作为[充电水滴动画]的一次扩展延伸，我们将带大家一起通过使用scss从零开始完成这个手机充电动画的案例，里面包含了一些css小技巧，希望大家喜欢。

本期将带给大家一个简单的创意加载效果——彩条起伏加载。顾名思义，我们会通过scss来完成，将会制作做7个不同颜色的矩形，按不同的延迟不断的递减然后再反弹，循环往复。

最近沉迷自己的爱豆太过可爱，于是想到了一个给爱豆的点赞效果，实现了出来。本期我们将会讲解一个用svg+css实现的点赞效果。

本期我们将用svg+video，去完成这样一个文字里面播放视频的效果，相信大家在一些产品展示网站比如苹果和腾讯等一下产品发布的时候都会出现类似效果~

不知道之前讲过[用svg写个环形进度条vue组件，本期作为其后的延续，我们将单纯使用css不借助svg看看怎么做一款带有科技感半环的进度条。

本期我们将用scss不借助js来完成一个小球弹跳的加载动画。我们将会用css模拟小球形变和阴影，达成弹跳的加载体验。

不知道各位同学小时候玩的第一个玩的游戏是什么，我反正玩的是马里奥，那真是一个无忧无虑的时光，所以，本期将会仅使用scss来完成一个像素文字加载动画。

本期将会做一个仅仅用几行js代码就可以让video视频通过滑动屏幕播放起来，当然向下滚动是动画前进，向上滚动是动画后退，整个过程是连贯的，这样形成了最就基本的网页一镜到底效果。

本期将会仅使用css写一个充电水滴动画，可以当做web场景中的加载动画使用，通过这个案例也可以了解到css如何做插值模糊，极为简单的了了数句就可实现的创意动画。

本期我们会通过一个案例，去展示如何用css做一个3D环境，又怎么去用鼠标控制这个3D环境的。当然这个案例名字就叫3D霓虹字自然少不了字体动画了。

相信大家波浪动画都见过不少，很多是通过纯css的boder-radius或者clip去实现方式众多，但我们本次用svg去画波浪来讲解其动画的两种方案~

本期将会用scss做一个套彩铅版系统皮肤切换功能，相信很多同学做皮肤切换往往都是下拉找个颜色选择器来完成，有没有想过换一种方式，来增加新鲜感和用户体验。

本期我们要用css3与svg相结合做出一个简单实用的点赞效果动画，为什么说简单呢，我们将不依赖任何js逻辑代码，为什么说实用呢，我们如果想用仅通过checkbox标签就可判断他是否点赞.

本期我们要用svg做一个环绕星球的加载动画，大致场景是在宇宙中的某个星球上，有一只红龙正在快速的环绕着这个星球飞翔，表示快点加载！！

双十一将至，不知道大家做过商城类的项目没有，咱们本期利用react hook与animejs的一次结合做出一套购物卡片。

大家可能经常在一些数据可视化的网站见到一些绕着盒子循环科技感十足的动画，或者是玩游戏背包的一些特殊道具也有这些效果，本期会用svg写一个这样的飞盒动画头像框。

本期会讲述如何制作出一个头像生成器，另外，我们还会介绍用vite+petite-vue配合这个生成器完成一个页面制作

本期我们通过vite+scss去完成一个橘猫心情变化的创意动画，这里我们将不使用任何js代码，仅依靠css来完成~