CSS/JS动画

毛玻璃质感（Glassmorphism）：本质上是模糊，上方是带有透明度的遮罩模糊，下方元素像有一层蒙层。通透轻盈，呼吸感强，具有虚实结合的美感。

background-position是个很常用却容易忽视的功能，利用背景定位可以实现很多小动画，在实际应用中也十分好用。

leader甩了我一张图，大概是这样，正好最近在学习canvas，决定用canvas实现下，顺便实操下理论知识，以下是我的踩坑合集，为各位初学者提供一点点🤏思路 设计思路 食物从顶部沿直线掉落，位置X

「行到水穷处，坐看云起时」，是我很喜欢的一句诗，越是山穷水尽，越是无能为力，越应释怀。 扯远了，今天来讨论运用CSS+SVG画朵云 一些基础知识 box-shadow属性 box-shadow允许添加

视差滚动常用的几种实现方式： 1、以页面滚动条为进度条，通过背景层/内容层/悬浮层不同速度移动，形成视差的效果； 2、以「滚轮刻度」作为「动画帧度」； 3、监听mousewheel事件，滚轮每滚一次则

一、期望效果： 鼠标悬停时，光斑随鼠标移动； 二、设计思路 1、按钮高亮部分，即一个渐变背景颜色的圆形，button设置overflow:hidden隐藏多余部分 2、鼠标悬停时，光斑随鼠标移动，获取

在开发移动端官网时，设计师想要实现标签沿轨道运动的效果（如下），点击标签时沿轨道运动，点击的标签到位置1，其他依次排列，并伴随轮播，每个位置的标签样式不同。