css
-
CSS 原生嵌套语法来了!
大家好,我是 CUGGZ。,最近在看 caniuse.com 时发现,Chrome 和 Edge 浏览器将在 109 版本实验性支持 CSS 原生嵌套语法!,,1 月 10 日,C…
-
探究 CSS 选择器的性能真相



大家好,我是 CUGGZ。,在 CSS 中,有些选择器会比其他选择器执行速度更快。下面就来深入研究 CSS 选择器的性能真相,看看如何编写 CSS 选择器才能更快地执行!,编写 C…
-
CSS 奇思妙想之酷炫倒影



,在 CSS 中,倒影是一种比较常见的效果。今天,我们就将尝试,使用 CSS 完成各类不同的倒影效果,话不多说,直接进入主题。,首先,快速过一下在 CSS 中,实现倒影的 2 种方…
-
CSS 如何让auto height完美支持过渡动画?



,众所周知,高度在设置成auto关键词时是不会触发transition过渡动画的,下面是伪代码。,效果如下:,,如果希望展开时有过渡动画,例如这样。,,Kapture 2023-…
-
九个免费的 CSS 生成器网站



在实际开发中,我们可以使用 VSCode、WebStrom 进行代码的编写,但是,如果我们为了提高工作效果,我们还需要借助一些小工具,像今天这些CSS代码生成器就是这样的小工具,我…
-
原生 CSS Custom Highlight 终于来了



,介绍一个比较前沿但是非常有用的新特性:一个浏览器原生支持的 CSS 文本高亮高亮功能,官方名称叫做 CSS Custom Highlight AP…
-
CSS 实现超过固定高度后出现展开折叠按钮



,在平时开发中,经常会碰到一些需要判断高度的场景,比如当超过一定高度后,需要自动出现展开折叠按钮,如下:,,传统的思路肯定是通过JS去动态计算容器的高度,但这样就涉及到加载时机的问…
-
如何编写高效的CSS代码?这五个技巧一定要知道!



CSS 是现代 Web 开发的重要组成部分!,编写高效的 CSS 代码可以帮助提高网页的性能和可维护性。,今天,将介绍编写高效 CSS 代码的5个技巧。,,使用缩短的十六进制颜色代…