linear-gradient 是 CSS3 中的图像生成函数，用于创建平滑过渡的线性渐变背景。它直接在浏览器中生成图像（而不是引用外部图片文件），通过定义颜色过渡点和方向，实现两种或多种颜色的平滑过渡效果。 linear-gradient 是我们在设置页面背景经常用的工具，但它能实现的效果也许远超…

CSS Grid 布局是一种二维的布局系统，与 Flex 布局（Flexbox）仅关注一维（行或列）不同，Grid 能够同时处理行和列的布局，通过创建网格容器和网格项目，实现对网页元素的精确控制。它引入了一系列独特的术语，如网格线、轨道、单元格和网格区域，为开发者提供了强大且灵活的布局能力。 CSS…

在响应式设计成为标配的今天，CSS布局技术经历了从浮动（Float）到弹性盒子（Flexbox），再到网格（Grid）的演进过程。Flex 布局（Flexbox）作为一维布局解决方案，擅长处理单行或单列的弹性布局场景，例如导航栏、卡片列表等。但随着 Web 界面复杂度的提升，当需要处理二维布局（同时…

conic-gradient是 CSS 中用于创建锥形渐变效果的函数。与线性渐变（linear-gradient）和径向渐变（radial-gradient）不同，conic-gradient 是 CSS 中一种围绕中心点按角度方向渐变的颜色过渡效果，就像一个色轮一样。颜色从起始角度开始，沿顺时针方…

实现html页面动画的方式有很多种，而css3中的过渡属性transition`也是实现动画效果的高频工具。 transition 属性允许 CSS 的属性值在一定的时间区间内平滑地过渡。当元素的某个 CSS 属性值发生变化时，过渡效果可以避免属性值的突然改变，而是以动画的形式逐渐变化，从而增强用户…

[加载动画1] [collapse title="查看源码"] // html <div class="loadingOne"> <span></span> <span></span> <span></span> &…