在 CSS 世界里，边框不只是 border 一条路。你可能一直用 border 写边框，hover 时元素宽度变化、渐变边框做不出来……其实，现在有更酷、更灵活的方式来实现边框效果。

大家好，我是石小石！小册《油猴脚本实战指南》作者！ 在 Vue3 的开发中，我们经常需要根据组件的 props 或状态动态控制样式，如封装如下所示的Tag组件： 常见的方式无非两种：动态类名 和 动态

在实际项目中，我使用过 Tailwind CSS（3.x.x 版本）和 UnoCSS。 首先，简单介绍一下它们的区别： Tailwind CSS 是一个 CSS 框架（Library），提供了预定义的

...通常都有一些炫酷的效果 比如这样的 这样的 还有这样的 哎等等，你发现没有，后面两张的窗口长得很相似，只是第二张比较矮，第三张比较高，那么是不是要做两张素材来支持这种形式呢？...

前言 从毕业之后，自己就一直在做TOC的业务比较多，网站、H5、小程序等。 自从回到了二线城市，发现二线做自己产品的公司少之又少，而做政府或者企业的业务偏多，也就是数据可视化大屏，数字孪生类的业务较多

自适应的问题 屏幕像素大小不同，统一表现 画面比例不同，统一表现 浏览器字体最小限制，不可能无限等比缩小 画面出现拉伸压缩 文字内容显示异常 画面出现空白区域 一. css缩放方案： 利用transf

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

针对大屏可视化响应式处理、Echarts图表不同形式的展示配置项、动画处理及大屏常见动态模块展示、定时刷新方案等实现记录。

light-dark 是在 2024 年 5 月新加入的一种新的 CSS 函数，它允许我们根据用户的系统颜色方案（浅色或深色模式）来自动选择合适的颜色值。