CSS小技巧之圆形虚线边框
到此整体代码实现就结束了，看完是不是感觉挺简单的，基于伪元素设置锥形渐变 repeating-conic-gradient并配合-webkit-mask-composite实现自定义圆形虚线边框的效果。
CSS容器查询获得主流浏览器支持，是什么？怎么用？
开发人员通常使用基于组件的 JavaScript 框架（如 React、Vue 等）以及 CSS 框架（如 Tailwind CSS、Material UI 和 Bootstrap）来制作响应式和可重用的布局和应用。一种新的响应式设计方法出现了——容器查询，容器查询可以根据组件的大小或样式而不是设备的视口直接查询组件。
CSS 原生嵌套语法来了！
目前，CSS 原生嵌套语法处于开发者试用状态，CSS 工作组正在制定相关规范，Chrome 浏览器预计将于 112 版本正式推出 CSS 原生嵌套功能。
CSS 如何实现羽化效果？
通过 CSS 阴影可以很轻松的实现我们说需要的效果，但可惜现在还是 dom 阶段，所以需要将这个 dom 转换成图像。
十分钟彻底掌握 CSS Flex 布局
CSS 中的 Flex 布局是一种一维的布局模型，一次只能处理一个维度上的元素布局，一行或者一列。它给 flexbox 的子元素之间提供了强大的空间分布和对齐能力。下面就来看看如何在 CSS 中使用 Flex 布局！
