在前端面试中，用 CSS 绘制基础的几何图形就是一个经典的面试考点。你能否熟练地用 CSS 实现这些图形，就能体现你对 CSS 部分基础属性和特性的理解。

前言 上个周写了一篇大屏开发经验总结，引来了不少朋友围观，还未浏览的朋友可以直接跳转：https://juejin.cn/post/7365414174216454194。 很多前端在开发大屏的时候，

前言 之前写了两篇可视化大屏开发的经验总结，还没浏览的可直接跳转： # 可视化大屏开发，知道了这些经验以及解决方案，效率至少提升2倍！（上） # 可视化大屏开发，知道这些解决方案，效率至少提升2倍！（

国人整理的各种 CSS 布局、阴影（box-shadow、drop-shadow）、 伪类/伪元素、滤镜、边框、背景/渐变、混合模式、3D、动画/过渡等等。 可以在线编辑代码，以及大家的作品集展示哦。

推荐几个你可能会用到的 CSS 动画库 Animate.css Animate.css 是一个即用型跨浏览器动画库。

前言 在开发过程中，我们常常会遇到需要设置一个元素的高度为其祖父祖父元素高度的100%的需求。如果按常规方法： 这代码，优雅与否咱先不说，但凡有点代码洁癖，一定看着很难受吧 这篇博客将演示如何优雅的解

缘由：之前看哔哩哔哩官网登录的时候有一个拼图验证码，很好奇怎么去实现。然后就想着自己弄一个。先给大家看我的最终效果。后面再一点点拆解代码。 为什么想着写这个功能呢，主要在于拼图验证码在前端这里会比较复杂并且深入。相比文字拼写，12306的图片验证码都没有拼图验证码对前端的要求来…

需求简介 自从公司裁员后，每个人手上的活而越来越多，老板给了我个需求，让我尽快实现，不然立马滚蛋！ 我大脑飞速思索，1秒后终于反应过来，不就是个滚动条滚动加css吗，还想辞退我，做梦！不能惯着！ 技术

背景：经常在UI框架进行样式穿透的时候，会发生不生效的情况，既会是因为选择器优先级问题，这种比较好理解，提升优先级就好，但在vue中有时候需要将scoped去掉才能生效，有时候又不能去掉scoped，