当前位置:澳门新葡亰亚洲在线 > 计算机前端 > css3 渐变怎么实现?

css3 渐变怎么实现?

文章作者:计算机前端 上传时间:2019-10-22

  可选中1个或多个下面的关键词,搜索相关资料。也可直接点“搜索资料”搜索整个问题。

  展开全部针对不同浏览器有不同的前缀,基本还是相似的,下面的意思是线性渐变,从上方开始,从黑色渐变到白色

  -webkit-linear-gradient(top,#000,color-stop(0.2, #eee),#fff)

  gradient是webkit引擎对渐变的实现参数,一共有五个。第一个参数表示渐变类型(type),可以是linear(线性渐变)或者radial(径向渐变)。第二个参数和第三个参数,都是一对值,分别表示渐变起点和终点。这对值可以用坐标形式表示,也可以用关键值表示,比如 left top(左上角)和left bottom(左下角)。第四个和第五个参数,分别是两个color-stop函数。color-stop函数接受两个参数,第一个表示渐变的位置,0为起点,0.5为中点,1为结束点;第二个表示该点的颜色。

  楼上有说线性渐变了,还有个径像渐变:-webkit-radial-gradiet(top,#fff,#999);

转载请注明来源:css3 渐变怎么实现?