新需求需要做个红包雨游戏，懂的都懂。无外乎就是 红包下落动画 点击红包+1动画 游戏结束弹个优惠券 核心功能点就是红包的下落功能。

在之前，我们有一篇介绍带圆角的渐变边框的纯 CSS 实现的文章： 巧妙实现带圆角的渐变边框 会有这么一个话题的本质在于，在过往，想使用纯 CSS 实现纯粹的，内部透明渐变边框，是一件非常困难的事情，像

背景 设计：我想要的你听明白了吗，你做出来的和我想要的差距很大，你怎么没有一点审美（你个臭男人，你怎么不按我画的做）！ 我：啊？这样自适应不是很好吗，适配了大部分机型呀，而且不会有啥显示的兼容性，避免

一、简介 Tailwind CSS 在近年来的快速发展中，Tailwind CSS 不仅成为前端开发者钟爱的工具，还形成了一个多样化的生态系统。 二、核心特性 三、官方内容 四、Tailwindcss

大家好，我是前端贰货道士。上个月抽空整理了下css，融合css世界和大佬关于css世界的思考，通过自己的思考、实践和扩展构建了属于自己的css世界观。

CSS Gird布局也叫二维网格布局系统，可用于布局页面主要的区域布局或小型组件。网格是一组相交的水平线和垂直线，它定义了网格的列和行。我们可以指定将网格元素放置在与这些行和列相关的位置上。

🌈 Contents Property Generators Animations Backgrounds Color Tools Typography Loaders Layouts Informa

随着CSS的不断发展，一些很酷且有用的属性要么完全被忽视，要么由于某种原因不像其他常见属性那样被开发者熟练应用。这篇文章我们将一起学习那些CSS中陌生但非常有用的CSS属性，这些属性你可能听说过

前端变灰效果这种在实际项目的过程中使用的比较少，一般在清明节、全国哀悼日、大地震的日子、以及一些影响力很大的伟人逝世或纪念日的时候使用，使用后的网站的网页变成灰色(黑白色)，以表示对逝者的悼念。