那个让我熬夜到两点的数字滚动效果，原来是这样实现的！ 缘起：被某度首页种草的计数器 昨晚刷着手机，突然看到某度首页那个酷炫的AI调用次数计数器——数字像滚筒洗衣机一样唰唰滚动，最后稳稳停在目标数值。

原文地址 HTML CSS 使用 margin 属性 将 margin-left 设为 auto 后, 元素左边的 margin 会被尽可能的撑大, 所以自然就把元素挤到右边去了 使用 positio

你是不是还在手写按钮、文本字体等简单样式？这些工具就可以帮你解决以上种种难题，从此下班你将快人一步，赶快用起来吧！

开门见山，有这样一种非常常见的情况，对于一些可滚动的元素而言。通常在滚动的时候会给垂直于滚动的一侧添加一个阴影，用于表明当前有元素被滚动给该滚出了可视区域，类似这样： 对于两侧的列在滚动的过程中，静止不动，吸附在边界的问题，通常 CSS 使用 position: sticky …

Lottie是啥 Lottie是一个用于Android，iOS，Web和Windows的库，用于解析使用Bodymovin导出为json的Adobe After Effects动画，并在移动设备和网络

在这篇短文中，我将向大家介绍 6 款非常适用于个人开发者的网页设计工具，能够帮助没有设计师团队辅助的独立开发者做出好看的UI界面。

CSS 大约有两百个属性。很多属性都是相互关联的，理清楚每一个属性细节是不可能的。所以，本文分享一些有用的 CSS 小技巧，方便开发者和设计师参考...

解决这个问题的初衷：在做文本编辑器时，系统自带的 textarea 在 火狐 浏览器中回车不会进行换行，被显示成了空格，找了好几种方案没解决，试了下 div 实现 input、textarea 的方式

在 SVG 中，如果我们想实现一个动画效果，可以使用 CSS，JS，或者直接使用 SVG 中自带的 animate 元素（SMIL）。这里我们主要探讨SVG与CSS结合实现的一些常见动画效果。