两年前看到 Pepyaka 这个网页效果，被其丝滑酷炫漂亮到效果所惊艳，今天终于可以带大家用 Three.js Shader 一步步详复现这个效果，其实并不复杂，相信很多前端、程序员都会喜欢这样的效果

今天这篇文章同样是围绕着CSS的伪元素，主要介绍几个大家平时不怎么用，但又非常有趣的事情，比如卡片蒙层、渐变边框、渐变阴影、伪逗号等。希望这几个小技巧能帮助大家解决平时工作中的需求。

最近看到有小伙伴发了一个小米 SU7 的展示网页，那是相当的酷炫。花了几天功夫，我将上面的特效给还原了出来。

背景 家里有一条狗🐶，很喜欢乘人不备睡沙发🛋️，恰好最近刚搬家 + 狗迎来了掉毛期 不想让沙发上很多毛。所以希望能识别到狗，然后播放“gun 下去”的音频📣。 需求分析 需要一个摄像头📷 利用 chr

前言 前段时间老板心血来潮，要我们前端组对整个的项目都做一下接口防止重复请求的处理（似乎是有用户通过一些快速点击薅到了一些优惠券啥的）。。。行吧，搞就搞吧，you happy jiu ok！

在iconfont不能提供服务之后我们只能自己动手去lu一个了，毕竟老板要的是结果，而不是你说的那句苍白的理由，学着自己造轮子吧

前提 此方法是在没有技术阻碍的前提条件下预估，如果有技术障碍，请先解决技术阻碍 此方法需要根据个人实际情况调整 这里以普通的以vue,element-plus,axios为基础技术的管理系统为例 这些

往期回顾 设计风格 设计层次 空间 在提到间距和布局，它的本质就是对于空间的合理分配和理由，所以这一节也是直接从空间开始。 清爽的空间 一个设计最简单也最常用的方式就是给每一个元素之间都加上足够多的间