1.效果图 鼠标经过卡片高亮展示 底部纹路有过渡光效 2.用css上一个简单的纹路背景 3.用css手搓一个六边形然后v-for循环

一、要点 1. 保持背景视频仅铺满第一屏并适配不同尺寸显示器。【🌟】 通过媒体查询适配宽高比例，控制width跟height的100vh/vw切换。 页面挂载完毕时执行视频自动静音播放（非静音无法静默

动画在前端产品中是很重要的，它能增强用户体验，提升信息传达效果，还能塑造品牌形象。在数据产品中，精心设计的动画，可以直观地呈现复杂数据和信息，突出关键数据变化趋势，给用户深刻印象，提升品牌辨识度

通过配置 Prettier、ESLint、Stylelint、Lint-staged 和 Husky，搭建了规范化的开发环境，确保代码风格统一、质量可控。这些工具在提交前自动检查和格式化代码，提升开发

Gi Admin Pro —— 一个基于 Vue3、Vite、TypeScript、Arco Design Vue、Pinia、VueUse 等的免费中后台模版。

利用contenteditable属性实现不定宽度的输入框input 有些时候我们需要制作宽度随输入的文字变化的输入组件，例如下面这个tag输入框： 这个时候常规的input就显得有些困难了。

![动画.gif](https://p1-juejin.byteimg.com/tos-cn-i-k

在菜单权限管理开发中，通常需要根据后端返回的菜单列表递归渲染左侧菜单栏以及动态加载路由，这样可以确保用户无法访问没有权限的菜单。为了实现这个功能，我们需要进行以下步骤： 获取菜单列表数据：调用菜单接口

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