转载自作者：独元殇 aspect-ratio 宽高比 如果，你 aspect-ratio 的值写成 1 ，那么就可以得到一个完美的正方形了！ object-fit 它有两个值，一个是 cover （图

🧠 一、为什么一行贝塞尔就能“Duang”起来？ 1️⃣ cubic-bezier 是什么？ 在 CSS 动画里，我们经常写： 但其实 ease、linear、ease-in-out 这些都只是封装好

接上篇，巧用 CSS 实现高频出现的复杂怪状按钮 - 镂空的内凹圆角边框。 上篇中，我们通过渐变的高阶技巧，实现了如下的内凹圆角边框： 本文，我们将探讨另外一个非常有意思的图形 -- 内凹平滑圆角：

干前端的，天天都在跟CSS打交道。以前我们写CSS，要是遇到复杂点的场景，比如“当一个卡片里有图片时，给卡片加个边框”，或者要给一长串不同的标题应用同一个样式，那代码写起来，说实话，挺啰嗦的。 但时代

滚动动画在我们浏览一些网站的时候经常看到(苹果官网,oppo官网,等等). 但是我们今天不是讲如何使用代码来实现,而是讲一下在Farmer 里面如何实现. 且非常容易就可以实现酷炫的滚动动画效果, 给

效果介绍 实现效果展示 实现步骤 创建画布 封装创建树枝的方法 树枝需要起点，终点，树枝宽度 绘制树叶和花朵的方法封装 提前生成图片实例 传递图片和坐标进行绘制 封装绘制处理 提供绘制的起点，计算绘制

一个很不错的数字动画库，很丝滑的动画效果。数字在切换的时候会有一个滚动的效果，能够提升用户体验的同时，还能使界面更加生动有趣。

现代 CSS 强大的令人难以置信。 这次我们来用 CSS 实现一个全功能的滑动输入器，也就是各大组件库都有的slider，效果如下 还可以改变一下样式，像这样 特别是在拖动时，tooltip还能跟随拖

介绍一个你可能见过的文本两端布局（也可以叫文本均等分布），如下 说难不难，说简单也不简单。这里盘点了多种实现该布局的方式，看看你都知道哪些吧~ 一、加空格 很多人从直觉上会加空格，从视觉上达到文本两端