html渐变色CSS3 渐变_css3做渐变

html渐变色CSS3 渐变_css3做渐变linear-gradient常用来制作渐变,如(色彩渣,我就随便找个颜色举例)css代码如下background:linear-gradient(45deg,#ff00000%,#ffb60011%,#fff60022%,#a5ff0033%,#00a9ff44%,#0400ff55%,#8a00fc66%,#ff00e977%,#ff005988%,#ff0000100%…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

linear-gradient 常用来制作渐变,如

(色彩渣,我就随便找个颜色举例)

acbc3bd2aaa6f605fbb7486d348a8043.png

css代码如下

background:linear-gradient(45deg,#ff0000 0%,#ffb600 11%,#fff600 22%,#a5ff00 33%,#00a9ff 44%,#0400ff 55%,#8a00fc 66%,#ff00e9 77%,#ff0059 88%,#ff0000 100%);

如果想制作条纹,很简单啦

background:linear-gradient(45deg,#ff0000 0%,#ff0000 11%,

#ffb600 11%,#ffb600 22%,

#fff600 22%,#fff600 33%,

#a5ff00 33%,#a5ff00 44%,

#00a9ff 44%,#00a9ff 55%,

#0400ff 55%,#0400ff 66%,

#8a00fc 66%,#8a00fc 77%,

#ff00e9 77%,#ff00e9 88%,

#ff0000 88%,#ff0000 100%);

效果

fcb5fc19116461577e270eaf959617af.png

径向同理

background:radial-gradient(#ff0000 0%,#ff0000 11%,

#ffb600 11%,#ffb600 22%,

#fff600 22%,#fff600 33%,

#a5ff00 33%,#a5ff00 44%,

#00a9ff 44%,#00a9ff 55%,

#0400ff 55%,#0400ff 66%,

#8a00fc 66%,#8a00fc 77%,

#ff00e9 77%,#ff00e9 88%,

#ff0000 88%,#ff0000 100%);

f790306b847320ef07294f9549d08e3e.png\

原文:http://www.cnblogs.com/gongchengshi1803275951/p/4086969.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/226832.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号