风马旗
<div style="background:radial-gradient(yellow,coral,red,green,blue,black); border-radius:10px;width:100%;height:460px;"><iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width="298" height="52" src="https://music.163.com/outchain/player?type=2&id=5276146&auto=1&height=32"></iframe>
</div>
这个是CSS3径向渐变效果。径向渐变的简单语法：
background:radial-gradient(颜色1,颜色2,颜色3,...,颜色n)
颜色至少需要两个。例如：
style="background:radial-gradient(red,blue);" gradient 渐变用于修饰 background，这个要注意。background 可以指定背景色、加图然后渐变 标题除了风马旗，后面再加个渐变颜色如何，省得下回要找这个帖子的时候迷糊{:4_173:} 红影 发表于 2022-1-1 18:58
标题除了风马旗，后面再加个渐变颜色如何，省得下回要找这个帖子的时候迷糊
我会写个帖子专门介绍 gradient 渐变函数的 又一教程啊。谢谢老黑了！ 渐变效果真好看，黑黑又带来新的玩法。看到说可以加图渐变，举个例子看看呗{:4_187:} <p>radial-gradient指定形状、位置和部分颜色渐变比例演示:<br> </p>
<div style="width:100%;height:460px;background:#aaa radial-gradient(circle,red 5%,yellow 8%,coral 15%,green 50%,blue);"></div>
红影 发表于 2022-1-1 19:07
渐变效果真好看，黑黑又带来新的玩法。看到说可以加图渐变，举个例子看看呗
那不是 background 的事情？
background:url('图片地址') radial-gradient(blue,red,yellow,green) 马黑黑 发表于 2022-1-1 18:59
我会写个帖子专门介绍 gradient 渐变函数的
哦哦，那就好，省得以后找不到路{:4_173:} 马黑黑 发表于 2022-1-1 19:21
那不是 background 的事情？
background:url('图片地址') radial-gradient(blue,red,yellow,green)
不知道加了渐变，出来后效果如何。这个渐变能调整透明度么？ 红影 发表于 2022-1-1 19:32
不知道加了渐变，出来后效果如何。这个渐变能调整透明度么？
这个要去试试才知道 红影 发表于 2022-1-1 19:31
哦哦，那就好，省得以后找不到路
路是人走出来的 明天来学习！ 马黑黑 发表于 2022-1-1 20:45
这个要去试试才知道
这几天在外头，爬网时间少，还得参加活动什么的，弄得每天时间不够用{:4_173:} 马黑黑 发表于 2022-1-1 20:46
路是人走出来的
我只会去找你发出来的那些路，自己走不出来啊{:4_173:} 进来听音乐~~其它飘过咯~~{:5_106:} 杨柳青 发表于 2022-1-1 22:02
进来听音乐~~其它飘过咯~~
新年好 红影 发表于 2022-1-1 21:16
我只会去找你发出来的那些路，自己走不出来啊
理解了就能行 红影 发表于 2022-1-1 21:15
这几天在外头，爬网时间少，还得参加活动什么的，弄得每天时间不够用
恨不得每天有48个小时
页:
[1]
2