首页 > 代码库 > css3渐变 彩虹条纹
css3渐变 彩虹条纹
linear-gradient 常用来制作渐变，如
（色彩渣，我就随便找个颜色举例）
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%); 效果
径向同理
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%);
\
css3渐变 彩虹条纹
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。