
发表日期: 2022-05-30 12:49:55 浏览次数:102
河南省伊川国际英文域名注册/中文国内域名申请/企业域名服务器空间备案-企业域名

#grad {
background-image: linear-gradient(red, yellow, green);}下面的例子展示了如何使用彩虹色和一些文本创建线性渐变(从左到右):
#grad {
background-image: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet); }CSS 渐变还支持透明度,也可用于创建渐变效果。
如需添加透明度,我们使用 rgba() 函数来定义色标。 rgba() 函数中的最后一个参数可以是 0 到 1 的值,它定义颜色的透明度:0 表示全透明,1 表示全彩色(无透明)。
下面的例子展示了从左开始的线性渐变。它开始完全透明,然后过渡为全色红色:
#grad {
background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));}repeating-linear-gradient() 函数用于重复线性渐变:
重复的线性渐变:
#grad {
background-image: repeating-linear-gradient(red, yellow 10%, green 20%);}
服务热线
顶部
备案号: 苏ICP备11067224号
CopyRight © 2011 书生商友信息科技 All Right Reserved
24小时服务热线:400-111-6878 E-MAIL:1120768800@qq.com QQ:1120768800
网址: http://www.768800.com 网站建设:上往建站
关键词: 网站建设| 域名邮箱| 服务器空间| 网站推广| 上往建站| 网站制作| 网站设计| 域名注册| 网络营销| 网站维护|
企业邮箱| 虚拟主机| 网络建站| 网站服务| 网页设计| 网店美工设计| 网站定制| 企业建站| 网站设计制作| 网页制作公司|
400电话办理| 书生商友软件| 葬花网| 调温纤维| 海洋馆运营维护| 北京保安公司| 殡仪馆服务| 殡葬服务| 苏州殡葬一条龙| 朝阳殡葬| 苏州殡葬服务|
欢迎您免费咨询,请填写以下信息,我们收到后会尽快与您联系
服务热线:400-111-6878