去年4月1日，罗永浩直播带货首秀在抖音进行，这场直播累计观看人数超过3000万人，销售额最终超1.1亿。接着网上发布了对于这场直播数据的可视化大屏展示，很多人都好奇这个是用什么做的，今天就带大家做。

我正在参加「创意开发 投稿大赛」详情请看：掘金创意开发大赛来了！ 拉开帷幕”效果，即当滚动到元素上时，背景和文本都会改变颜色。页面背景从暗到亮，上面的内容也从亮到暗，同时处于吸附（sticky）定位。

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

最近，在 CodePen 上看到这样一个非常有意思的效果： 这个效果的核心难点在于气泡的一种特殊融合效果。 其源代码在：CodePen Demo -- Goey footer，作者主要使用的是 SVG

前言：提供了完整代码和预览图 为防止大家复制出错，特提供代码的打包下载地址 百度网盘 一. 炫酷星空 代码 二.动态云层 代码 三.深海灯光水母 代码 四.炫酷蛛网 代码 五.彩色气泡 代码

基本使用 取值：normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 规范解读

步入 2022，CSS 的新特性层出不穷，而最近在 CSS 圈最受瞩目的新特性，非 CSS @layer 莫属。 本文，将用最简洁的语言，快速让读者们搞懂，到底什么是 CSS @layer 新规范。

学习之前可以先看看酷炫的动画效果，想想怎么实现。 从最近在做的需求说起，一个优惠券样式，过设计稿的时候认为没什么大不了的，满口答应了。真正开始开发的时候遇到问题，主要是镂空效果实现方式上比较费劲。要求是背景可配，并且票身可以配背景图，然后镂空是真镂空。 设想并尝试了很多种方案，…

最近利用 CSS 实现了一些看似超出 CSS 能力的效果： 巧用渐变实现高级感拉满的背景光动画 Amazing！！CSS 也能实现极光？ 本文继续此系列，本文主要想探讨一下，使用 CSS 能否比较好的