本篇文章带大家实现三种hover的效果，原理都是通过伪元素来实现，所以只要巧用伪元素，大部分的效果都是可以实现的。 边框环绕 反差颜色进度 展示菜单 边框环绕 这种 hover 的特效很常见，第一眼应

前言 现代 UI 设计中，会使用各式各样的加载样式来减少用户的 loading 状态焦虑，最常见的如 转圈的小菊花、虚假的进度条以及 炫酷的小动画。除了这三种最常见的 web 端加载，还有一种加载动画

今天来实现一个多行文本擦除的效果，有种经典咏流传节目中表演开始前阅读诗句的一些既视感，在工作中其实也遇到过这样的需求当时是用的其他方法来实现的，现在发现了更简单的一种方法并且里面也涵盖了不少的知识点。

这其实是老生常谈的问题了，但是因为最近有小伙伴面试被问到了，找到我想让我讲解下，所以我还是打算写一篇文章介绍下。 如果对您有用的话话，不妨评论，点赞关注➕收藏。如果可以的话，给我投上宝贵的一票。 ba

最近在做公司新产品的官网，偶然发现一个特别炫酷的卡片效果效果如下： 自己研究了一下，尝试手动实现一个，以下是实现思路，码上掘金代码片段在最下方👇 第一步：先画一个带阴影的卡片 第二步：添加css样式

今天我们来讲一讲css中一种很实用的布局方式——瀑布流布局。 什么是瀑布流布局呢？我们可以随便打开一个购物网站或社交网站，它们的布局一般都是瀑布流布局，比如小红书： 你会发现它的布局是两列排列，但其中

CSS 主要用于设置网页的视觉样式，包括布局、颜色、字体和其他设计细节。它使得网页设计与内容分离，从而提高了网页的可维护性和可重用性。 🌞 今天我将分享一些有用的 CSS 小技巧，后续不断完善，灵感不

wc!!!你不会还在用flex布局吧，都2024年了快进来看看css3最强布局Grid布局 绝对让你眼前一亮