Chrome 团队的总结，2023年 CSS 增加了哪些功能 #css#
■ 三角函数，增加了对三角函数 sin()、cos()、tan()、asin()、acos()、atan() 和 atan2() 的支持，使其适用于所有主流引擎
■ 复杂的第 n-* 选择，借助 :nth-child() 伪类选择器，您可以按索引选择 DOM 中的元素
■ 增加了对 @scope 的支持，这是一项 @ 规则，可让您将选择器的范围限定为文档的特定子树
2024年10月15日
Chrome 团队的总结，2023年 CSS 增加了哪些功能 #css#
■ 三角函数，增加了对三角函数 sin()、cos()、tan()、asin()、acos()、atan() 和 atan2() 的支持，使其适用于所有主流引擎
■ 复杂的第 n-* 选择，借助 :nth-child() 伪类选择器，您可以按索引选择 DOM 中的元素
■ 增加了对 @scope 的支持，这是一项 @ 规则，可让您将选择器的范围限定为文档的特定子树
2024年10月15日
渐变色--线性渐变
人类对美的追求是无止境的，色彩的搭配是对美的最基本要求，而其中的渐变，就能给人一种舒缓的感觉，它不那么的突兀，给人一种不逼迫、缓缓地和高逼格感觉。
Css3引入了渐变的功能，有线性渐变和径向渐变两种，今天介绍线性渐变。要注意的是，这里的渐变并不是颜色，而是一种特殊的图像。所以只会在background-image里起作用。
2024年10月15日
filter 是 CSS 中一种强大的图像过滤效果，可以应用各种滤镜来改变图像的外观。它允许我们对图像进行各种各样的处理，如模糊、亮度调节、对比度调节、色彩转换等。
在这篇博客中，我们将深入探讨 CSS filter 的各种滤镜效果，并提供一些示例来帮助你更好地理解和应用它们。
2024年10月15日
1. 块元素（block）
2024年10月15日
先说下css透明的方式，今天不做ie的滤镜处理（欢迎小伙伴们评论去补充兼容）
主要是看RGBA和Opacity
先来简单看看RGBA：
语法
rgba(r,g,b,a)
取值说明
R：红色值。正整数 | 百分数
G：绿色值。正整数 | 百分数
B：蓝色值。正整数 | 百分数
A：Alpha透明度。取值0~1之间。
2024年10月15日
属性值：transparent(透明的)或color(颜色)
2024年10月15日
在 23 年的 CSS 新特性中，有一个非常重要的功能更新 -- 相对颜色。
简单而言，相对颜色的功能，让我们在 CSS 中，对颜色有了更为强大的掌控能力。
其核心功能就是，让我们能够基于一个现有颜色 A，通过一定的转换规则，快速生成我们想要的颜色 B。
其功能能够涵盖：
2024年10月15日
轮播图已经是一个很常见的东西，尤其是在各大App的首页顶部栏，经常会轮番显示不同的图片。
一提到轮播图如何实现时，很多人的第一反应就是使用Javascript的定时器，当然这种方法是可以实现的。不过就是有些繁琐，今天这篇文章我们来看看如何不用Javascript，而使用纯CSS代码去实现轮播图吧。
这篇文章的所有代码我都放在了github上，感兴趣的同学可以去看看。
https://github.com/zhouxiongking/article-pages/blob/master/articles/carousel/carousel.html
2024年10月15日
轮播图已经是一个很常见的东西，尤其是在各大App的首页顶部栏，经常会轮番显示不同的图片。
一提到轮播图如何实现时，很多人的第一反应就是使用Javascript的定时器，当然这种方法是可以实现的。不过就是有些繁琐，今天这篇文章我们来看看如何不用Javascript，而使用纯CSS代码去实现轮播图吧。
这篇文章的所有代码我都放在了github上，感兴趣的同学可以去看看。
https://github.com/zhouxiongking/article-pages/blob/master/articles/carousel/carousel.html
2024年10月15日
元素的显示与隐藏
使用CSS让元素不可见的方法很多，剪裁、定位到屏幕外、透明度变化等都是可以的。虽然它们都是肉眼看不见，但背后却在多个维度上都有差别
下面是总结的一些比较好的隐藏实践，大家一起来根据实际开发场景来选择合适的使用
比较好的隐藏实践
不占空间，资源可以加载，DOM可访问 使用display:none
不占空间，隐藏显示时有transition效果
占空间，不能点击 visibility: hidden