通过多种css属性（box-shadow、conic-gradient等），手写一个大转盘抽奖效果，可拿走即用，注意代码中的宽高的数值

背景 有没有想过如何创建从前景元素中继承某些颜色的阴影效果？前几天我经过家得宝他们正在大规模展销正在出售的智能灯 ，其中一种是一系列灯泡位于电视机后面，它们会投射出与电视机前景屏幕

我们使用了不少前端框架自带的饼状图效果，比如 ant-design 中的 process 环形饼状图进度条。那么你是否有尝试过自己写一个呢？你是否仅使用一个 div 元素配合 css 来实现？

本文用h5标签、css、svg 等几种技术实现长条进度条、环形进度条，并汇集一些打破你想象的进度条。

某日，群里有这样一个问题，如何实现这样的表盘刻度： 这其实是个挺有意思的问题，方法也有很多。 单标签，使用 conic-gradient 实现表盘刻度 最简单便捷的方式，就是利用角向渐变的方式 con

最近，我们内部的一个低代码平台完工上线，它的首页大概是这样子（数据脱敏）： 当然，这个不是项目不是本文的重点。主要看看这个页面的背景，一个磨砂（毛玻璃）质感效果的渐变背景图，看上去是比较高级的。 剥离

CSS是一门很特殊的语言，不像一般的编程语言那样需要抽象的思维和严密的逻辑，它真正需要的是想象力——将你脑中所想的意象用代码来表现出来。那么意象又是如何产生的呢？最常用的方法就是探索和观察。举个例子，笔者平时热爱看番，每看到有意思的场景画面总会下意识地记录下来，这对动画创作会非…

开发中常常有做统计图的需求，主流的前端插件都是基于 canvas 来做的，那么使用 css3 能不能实现呢？今天我来尝试一下使用 css3 做一个饼图效果。 渐变背景 css3 在背景图片中增加了渐变

本文将使用纯 CSS，带大家一步一步实现一个这样的科幻字符跳动背景动画。类似于这样的字符雨动画： 或者是类似于这样的： 运用在一些类似科技主题的背景之上，非常的添彩。 文字的竖排 首先第一步，就是需要