lineargradient用CSS如何设置网页渐变背景?

lineargradient  时间:2021-06-22  阅读:()

css中颜色渐变怎么写

线性渐变 - 从上到下(默认情况下) #grad {background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(red, blue); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(red, blue); /* Firefox 3.6 - 15 */ background: linear-gradient(red, blue); /* 标准的语法 */ } 从左到右的线性渐变:e799bee5baa6e79fa5e98193e78988e69d8331333363353765 #grad { background: -webkit-linear-gradient(left, red , blue); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, red, blue); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, red, blue); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, red , blue); /* 标准的语法 */

用CSS如何设置网页渐变背景?

在background-image属性中使用linear-gradient()。

background-image:?[?,??] ?=??|?none 默认值:none 适用于:所有元素 继承性:无 动画性:否 计算值:指定值 取值: none:无背景图。

:使用绝对或相对地址指或者创建渐变色来确定图像。

?=?linear-gradient([?[??|?to??]?,]??<>[,?<>]+) ?=?[left?|?right]?||??|?bottom] <>?=??[??|??]? 取值: 下述值用来表示渐变的方向,可以使用角度或者关键字来设置: : 用角度值指定渐变的方向(或角度)。

to?left: 设置渐变为从右到左。

相当于:?270deg to?right: 设置渐变从左到右。

相当于:?90deg : 设置渐变从下到上。

相当于:?0deg to?bottom: 设置渐变从上到下。

相当于:?180deg。

这是默认值,等同于留空不写。

<>?用于指定渐变的起止颜色: : 指定颜色。

: 用长度值指定起止色位置。

不允许负值 : 用百分比指定起止色位置。

说明: 用线性渐变创建图像。

如果想创建以对角线方式渐变的图像,可以使用??left?这样的多关键字方式来实现。

RangCloud19.8元/月,香港cn2云主机,美国西雅图高防云主机28元/月起

rangcloud怎么样?rangcloud是去年年初开办的国人商家,RangCloud是一家以销售NAT起步,后续逐渐开始拓展到VPS及云主机业务,目前有中国香港、美国西雅图、韩国NAT、广州移动、江门移动、镇江BGP、山东联通、山东BGP等机房。目前,RangCloud提供香港CN2线路云服务器,电信走CN2、联通移动直连,云主机采用PCle固态硬盘,19.8元/月起,支持建站使用;美国高防云...

CloudCone 新增洛杉矶优化线路 年付17.99美元且简单线路测试

CloudCone 商家在以前的篇幅中也有多次介绍到,这个商家也蛮有意思的。以前一直只有洛杉矶MC机房,而且在功能上和Linode、DO、Vultr一样可以随时删除采用按时计费模式。但是,他们没有学到人家的精华部分,要这样的小时计费,一定要机房多才有优势,否则压根没有多大用途。这不最近CloudCone商家有点小变化,有新人洛杉矶优化线路,具体是什么优化的等会我测试看看线路。内存CPU硬盘流量价格...

腾讯云爆款秒杀:1C2G5M服务器38元/年,CDN流量包6元起

农历春节将至,腾讯云开启了热门爆款云产品首单特惠秒杀活动,上海/北京/广州1核2G云服务器首年仅38元起,上架了新的首单优惠活动,每天三场秒杀,长期有效,其中轻量应用服务器2G内存5M带宽仅需年费38元起,其他产品比如CDN流量包、短信包、MySQL、直播流量包、标准存储等等产品也参与活动,腾讯云官网已注册且完成实名认证的国内站用户均可参与。活动页面:https://cloud.tencent.c...

lineargradient为你推荐
允许traceroute探测使用 traceroute 和 NeoTrace 之类的程序可能引起哪些网络安全问题阶乘符号1~10的阶乘(!)分别是多少?腾讯搜索引擎我在腾讯视频中上传了一个视频,我在搜索引擎中输入关键字搜视频为什么找不到了?郭列90后三无人物,如何创业?如何去实现人生价值?sdfsdfsdfsdf小米手机投诉热线qq管家官网腾讯手机管家如何下载QQ手机管家?qq管家官网腾讯手机管家官网防盗页面地址是什么?知识百科动画分镜头脚本经典动画片分镜头脚本特斯拉model3降价特斯拉官网为何会被挤崩?怎么查微信注册时间怎么查对方的微信号什么时候注册的
阿里云邮箱登陆首页 highfrequency themeforest sugarsync omnis ixwebhosting 光棍节日志 debian源 mysql主机 免空 linux服务器维护 网游服务器 爱奇艺会员免费试用 移动服务器托管 空间登陆首页 西安服务器托管 丽萨 国内域名 东莞主机托管 主机返佣 更多