有哪些信誉好的足球投注网站- 1、本文档共6页，可阅读全部内容。
- 2、有哪些信誉好的足球投注网站（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 5、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 6、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
一：渐变：
渐变是CSS3当中比较丰富多彩的一个特性，通过渐变我们可以实现许多炫丽的效果，有效的减少图片的使用数量，并且具有很强的适应性和可扩展性。可分为线性渐变、径向渐变
linear-gradient线性渐变指沿着某条直线朝一个方向产生渐变效果
语法：
linear-gradient([point||angle,]?stop,stop[,stop]*)
参数说明：
第一个参数表示线性渐变的方向，
toleft：设置渐变为从右到左。相当于:270deg;
toright：设置渐变从左到右。相当于:90deg;
totop：设置渐变从下到上。相当于:0deg;
tobottom：设置渐变从上到下。相当于:180deg。这是默认值，等同于留空不写。也可以直接指定度数，如45deg
第二个参数是起点颜色,可以指定颜色的位置
第三个参数是终点颜色，你还可以在后面添加更多的参数，表示多种颜色的渐变
示例：
div{
width:400px;
height:400px;
margin:100pxauto;
background:linear-gradient(0deg,red,orange,yellow,green,#00ffff,blue,purple);
}
radial-gradient径向渐变指从一个中心点开始沿着四周产生渐变效果
语法：
radial-gradient=radial-gradient([[shape||size][atposition]?,|atposition,]?color-stop[,color-stop]+)
取值：
position确定圆心的位置。如果提供2个参数，第一个表示横坐标，第二个表示纵坐标；如果只提供一个，第二值默认为50%，即center
shape：渐变的形状，ellipse表示椭圆形，circle表示圆形。默认为ellipse，如果元素形状为正方形的元素，则ellipse和circle显示一样
size：渐变的大小，即渐变到哪里停止，它有四个值。closest-side：最近边；farthest-side：最远边；closest-corner：最近角；farthest-corner：最远角。默认是最远的角farthest-corner
color：指定颜色。Rgbahsla
一些案例示例代码：
.div1{
width:200px;
height:200px;
margin:10pxauto;
/*设置径向渐变效果:从中心点开始，从一种颜色到另外一种颜色*/
background:radial-gradient(circleatcenter,red,blue);
}
.div2{
width:200px;
height:200px;
border-radius:100px;
margin:10pxauto;
/*设置径向渐变效果:从指定坐开始，从一种颜色到另外一种颜色*/
background:radial-gradient(circleat50px50px,#eeffff,#334455);
}
.div3{
width:200px;
height:200px;
border-radius:100px;
margin:10pxauto;
/*设置径向渐变效果:从指定坐标开始，从一种颜色到另外一种颜色，同时指定颜色的位置*/
background:radial-gradient(circleat50px50px,#eeffff0%,#66670%,rgba(33,33,33,0.8)80%);
}
/*指定渐变的形状*/
.div4{
width:200px;
height:100px;
margin:10pxauto;
/*设置径向渐变效果:从中心点开始，从一种颜色到另外一种颜色*/
background:radial-gradient(ellipseatcenter,red,green,blue);
}
/*指定渐变的size*/
.div5{
文档评论（0）