css实现背景颜色渐变

代码部分

实现效果：

关于gradient：

• 线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向
• 径向渐变（Radial Gradients）- 由它们的中心定义

语法：

background: linear-gradient(direction, color-stop1, color-stop2, ...);

 线性渐变说明：

            /* 从上到下（默认情况） */background: linear-gradient(blue,purple);/* 从左到右 */background: linear-gradient( right,blue,purple);/* 对角渐变 */background: linear-gradient(bottom right ,blue,purple);/* 使用角度0deg 将创建一个从下到上的渐变，90deg 将创建一个从左到右的渐变。*/background: linear-gradient(180deg, blue,purple);/* 使用多个颜色节点 */background: linear-gradient(blue,purple,lightgreen);/* 带有透明度 */background: linear-gradient( right, rgba(255,0,0,0), rgba(255,0,0,1));/* 重复的线性渐变 repeating-linear-gradient() 函数用于重复线性渐变：   */background: repeating-linear-gradient(red, yellow 10%, green 20%);

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！