css实现背景颜色渐变的代码

语法:

background: linear-gradient(渐变的起始位置, 起始颜色, 结束颜色);
background:-webkit-linear-gradient(渐变的起始位置, 颜色 位置, 颜色位置....);

代码1:

background: linear-gradient(top, red, green);
background: -webkit-linear-gradient(top, red, green);
background: -moz-linear-gradient(top, red, green);

展示效果如下:

css背景颜色渐变

代码2:

background: -webkit-linear-gradient(top, red 0%, green 20%, blue 80%);
background: -moz-linear-gradient(left, red 0%, green 50%, skyblue 80%,  hotpink 100%);

展示效果如下:

css背景颜色渐变

👋 感谢您的观看!

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享