当接到可视化大屏需求时，你是否会有以下疑问：如何做一款定制化的数据大屏？ 开发可视化数据大屏如何做自适应？ vm vh、rem、scale 到底哪种比较好？ 时间不够，有没有偷懒的方法？

大家在查阅Element UI文档的时候，是否发现下面这个效果👇 好家伙，这个效果该怎么实现呢？我的思路是设置背景图为白色和透明相间，这样底下的图片就能穿透部分上来，形成一个类似毛玻璃的效果

大家好，我是 Steven。 这个效果中文叫作骨架屏，英文叫 Skeleton，今期会跟大家分享在 CSS 上实现这个效果的方法。 打开 CodePen 编辑器，在 HTML 的部份加入一些结构，例如是一张卡片。 新增一个 <div> 标签，class 名为 card…

在前端应用中, 不管是PC端, 还是移动端. 总有很多时候需要对用户进行引导. 一般, 我们会在我们的应用页面之上覆盖一层黑色蒙层, 同时在页面上镂空不同的形状来达到目的

经常看一些 LOL 比赛直播的小伙伴，肯定都知道，在一些弹幕网站（Bilibili、虎牙）中，当人物与弹幕出现在一起的时候，弹幕会“巧妙”的躲到人物的下面，看着非常的智能。 其实，这里是运用了 CSS 中的 MASK 属性实现的。 之前在多篇文章都提到了 mask，比较详细的一…

我们平常实现的垂直居中不是真正的垂直居中？何出此言！很多时候，往往自己明明正确的实现了垂直居中，但是 UI/UX 依旧说你的垂直居中有问题，然后自己仔细一看确实好像在视觉效果上存在一些偏差，但是仔细看自己实现的垂直居中代码却丝毫没有问题。今天我们就探讨一下这个有趣问题的由来、解…

小红: 我觉得用户在选择一组数据时候， 能够知道默认选项是什么, 可以起到一定的引导作用, 增强用户体验。 另外 如果 option 中没有 selected, checkbox 和 radio 没有 checked, 伪类 :default 是不会匹配的。 小明: 怎么有这么…

在面试最后，面试官突然问了我最后一个问题。怎么清除浮动。当然我很快给出最常用的方法。 本来我以为，面试官还会问，还有那些方法，我脑中已经构思了好几种方法。没想到，面试官竟然问我，这个方法清除浮动的原理。 原理！当时我就有点懵逼，这个方法很常见，也经常在用，但是就没去理解过其原理…

本文的每一条，都是我曾经发过的掘金沸点，其中有很多条超过了百赞（窃喜）。 鉴于时不时有童鞋翻我以前的沸点，因此，本系列收集了个人目前发过的所有CSS知识点动图，以便阅读。 两个月前，曾发过一篇《你未必知道的49个CSS知识点》，已有3000多赞，这里，老姚真心谢谢大家的支持。 …