CSS3 颜色函数是在 CSS3 中新增加的一项特性,它可以让我们更加方便地使用各种颜色效果。下面是一些常见的颜色函数。
/* RGB 颜色 */ color: rgb(255, 0, 0); /* 红色 */ /* RGBA 颜色 */ color: rgba(255, 0, 0, 0.5); /* 半透明红色 */ /* HSL 颜色 */ color: hsl(0, 100%, 50%); /* 红色 */ /* HSLA 颜色 */ color: hsla(0, 100%, 50%, 0.5); /* 半透明红色 */ /* 渐变色 */ background: linear-gradient(to right, red, blue); /* 从左到右渐变红色到蓝色 */ /* 多重渐变 */ background: linear-gradient(to right, red, yellow), linear-gradient(to right, yellow, green); /* 从左到右两个渐变色 */ /* 径向渐变 */ background: radial-gradient(circle at center, red, blue); /* 中心点为圆心的圆形内从红色到蓝色 */ /* 多重径向渐变 */ background: radial-gradient(circle at center, red 10%, yellow 50%, green); /* 中心点为圆心,红色半径0到10%,黄色半径10%到50%,绿色半径50%到最外层 */
以上就是一些基本的 CSS3 颜色函数介绍。在实际开发中,我们可以灵活使用这些函数,让我们的网页更加美观。