本文通过纯CSS实现多行文本展开收起效果，包括右下角环绕按钮、状态切换及文本行数判断。利用flex布局、input与label关联、伪元素生成等技术，解决展开收起按钮的显示与隐藏问题，实现动态高度和状

我敢说你写过的瀑布流都弱爆了！！！非传统式瀑布流实现，性能更优，兼容性最好，代码更简单，渲染更高效；

需求 实现歌词滚动效果，类似网易云音乐播放界面。 实现 1.准备数据 后台一般会返回这样一个歌词数据，每个时间都对应当前这个歌词。 因为是字符串不方便直接使用，我们把他转化为对象格式。封装一个util

在 23 年的 CSS 新特性中，有一个非常重要的功能更新 -- 相对颜色。 简单而言，相对颜色的功能，让我们在 CSS 中，对颜色有了更为强大的掌控能力。 其核心功能就是，让我们能够基于一个现有颜色

梯形圆角tab/ 梯形tab/ chrome tab 的实现；要了老命了！！！！！！！！！！！！！！！！！

由于我最近一直开发大屏，所以累计了一些经验（yuanqi）,在此分享给大家，也方便后续自己复制粘贴... 内容主要是大屏一些可复用的模块，项目技术栈：vite + vue3 + echarts + v

在Nuxt官网发现了一组很有意思的CSS效果，随着鼠标的移动，边框也是不断跟随的，试着还原了一下这个效。主要使用JS和CCS实现。用JS获取距离，CSS用background的渐变属性设置渐变的坐标。

根据语言和字宽的不同，自动选择对应的字体。 一段文本如何使用多个字体？ 一段文本如何根据不同语言使用不同字体？ 不同字宽如何使用不同字体包？ 同一个字体多个字体包怎么办？

网页端如何一键变灰已经有很多实现方式了，但是我看到一个推文很有意思，是一个不错的面试题 一键变灰 这个大部分同学都写了，直接 考虑ie之类的兼容性的话，就直接把兼容性的属性都搞上