前言 最近我所负责的项目中，我采用了动画效果，并开始使用 gif 来实现。然而，在实践过程中，我发现 gif 格式的动画在 git 中出现了明显的锯齿感，这让我非常困扰。为了追求更完美的表现效果，我最

🍀一、渐变神器Gradient 🍀二、两款阴影工具在线网站 🍀三、网站UI配色宝藏网站UI Design Daily 🍀四、 Small Dev tools实用工具合集 🍀五、 Glass Morph

还在IconFont上挨个找图标？快收藏一下这8个图标库 你是不是每次做项目都在 iconfont 上一个一个搜？找到的图标颜色不统一、风格不统一、大小也不统一，用在项目里显得特别混乱。iconfon

优秀的css框架可以使开发变得更加快速，不再为兼容性苦恼，并且一般都会有合理的布局，作为开发可以减少对UI设计的思考。近期我们整理了一些css框架供开发者选择和使用，排名不分先后。

环形进度条的思路，需要使用两个半圆环+transform+clip 实现环形进度条 第一步，先实现两个半圆环。需要实现半圆环，有多种方式，我选择clip进行裁切。clip的值主要为rect(top, 

💥 🔖 好玩的 CSS - 40 个有趣的 CSS 网站 🌐 基础学习 🧚 CSS 动画 🕹️ 教学游戏 🎰 代码生成 🎨 色彩搭配

前言1.Animista网站地址:http://animista.net/网站描述:在线生成css动画Animista是一个在线动画生成器，同时也是一个动画库，它为我们提供了以下功能1.选择不同的动画

最近翻 `MDN` 突然发现一套叫 `Web Animations API` 的东东，点进去看才知道，原来是一套控制 `css animation` 的 `API`，而且已经有段时间了 🤦‍♂️

时间轴效果介绍，在前端开发中，我们会遇到一些场景特别适合用时间轴来展示，例如下面按照日期时间来记录发生的事件： 还可以做成下面这种比较流行的左右对称卡片风格的时间轴： 如果再稍加装饰，还能有更加高大上