神奇的css

👏渐变+伪元素实现流星，translateY实现划过动画，速速来Get吧~ 🥇文末分享源代码。记得点赞+关注+收藏！

背景 👏最近在工作中遇到一个水球进度条，用svg绘制几个波浪叠加动画写起来超简单，css3动画+svg实现水球进度条~

背景 👏最近在工作中遇到一个温度计图表，用css写起来超简单~ 🥇文末分享源代码。记得点赞+关注+收藏！

微信小程序实现tabbar凹凸圆选中动画，适配ios底部安全距离，伪元素+box-shadow实现凹凸圆角。

css实现椭圆绕圈动画,rotateY+rotateX实现弧线倾斜，rotateZ实现绕圈动画，结合less预处理器高效完成动画的实现。

css实现input搜索框展开动画，focus，invalid等选择器，结合:placeholder-shown，完成一些动画过渡效果。

css的rotate3d实现炫酷的圆环转动动画，rotate3d() 函数定义一个变换，它将元素围绕固定轴移动而不使其变形。运动量由指定的角度定义;

css实现炫酷的圆环相交转动动画，通过border来设置单边弧度，通过transform的rotate属性来进行xyz三个方向的旋转。