那些好看的渐变色linear-gradient（拿走不谢）

CSS 语法

background-image: linear-gradient(direction, color-stop1, color-stop2, ...);

值描述

direction =》用角度值指定渐变的方向（或角度）。
color-stop1,color-stop2,… =》用于指定渐变的起止颜色。

记录一下，本人主要用于移动端，哪个设计风格好看你就拿走吧

background-image: linear-gradient(45deg, #f43f3b, #ec008c);

background-image: linear-gradient(45deg, #ff9700, #ed1c24);

background-image: linear-gradient(45deg, #39b54a, #8dc63f);

background-image: linear-gradient(45deg, #9000ff, #5e00ff);

background-image: linear-gradient(45deg, #ec008c, #6739b6);

background-image: linear-gradient(45deg, #0081ff, #1cbbb4);

知识点来了：

以下实例演示了从左侧开始的线性渐变，从红色开始，转为黄色:

#grad {background-image: linear-gradient(to right, red , yellow);
}

以下实例演示了从左上角到右下角的线性渐变:

#grad {background-image: linear-gradient(to bottom right, red , yellow);
}

以下实例演示了线性渐变指定一个角度:

#grad {background-image: linear-gradient(180deg, red, yellow);
}

以下实例演示了多个终止色:

#grad {background-image: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);
}

以下实例使用了透明度:

#grad {background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));
}

知识点来源：https://www.runoob.com/cssref/func-linear-gradient.html

那些好看的渐变色linear-gradient（拿走不谢）相关推荐

css:好看的渐变色_CSS渐变：语法速成课程
css:好看的渐变色 In the past most websites used images heavily to create a fancy UI. Thanks to various CSS ...
小程序好看的渐变色按钮
小程序好看的渐变色按钮 1.看效果 2.上代码 background:linear-gradient(to right,rgb(230,27,202),rgb(250,248,109)); 注:在cs ...
一个好看的表格，拿走不谢
一个好看的表格,拿走不谢效果图 <div class="tablebox"><table id="tableId" border=" ...
cocos creator粒子不变色_Cocos Creator 3D 粒子系统初战：不要钱的酷炫火焰拿走不谢!...
原标题:Cocos Creator 3D 粒子系统初战: 不要钱的酷炫火焰拿走不谢! 五维:技术经理, 10年编程经验, 专注游戏领域,不断进击财富自由.分享实用的教程.经验.源码.心得! 先展示一下 ...
war包解压不了_牛骨高汤的熬制方法，拿走不谢！有了这配方，还愁开不了小吃店？...
秋风乍起,又是一年小吃季,我们去外面吃馄饨,牛肉面,羊肉面等带有汤汁的小吃,你都会感觉特别好吃,特别鲜!约上三五知己,吃得好不爽快.那为何自己在家做不出这么好的味道呢?是因为,你缺少了一个最重要的汤底 ...
支付宝支付第十二集：狂神、飞哥支付宝支付配置代码（免费资源，拿走不谢）
支付宝支付第十二集:狂神.飞哥支付宝支付配置代码(免费资源,拿走不谢) 一.资源链接:https://pan.baidu.com/s/1S-VAAMxiaPkgb2XZMQYEjA 提取码:091 ...
python学习路线-2020年 Python学习路线及学习目标规划拿走不谢!
找不到完整的学习路线?小编分享2020年Python学习路线及学习目标规划拿走不谢,Python作为今年来特别受欢迎的编程语言,是AI时代头牌语言AI领域的敲门砖,Python已经入驻小学生教材,将来 ...
python英语-我们用程序整理出了一份Python英语高频词汇表，拿走不谢！
原标题:我们用程序整理出了一份Python英语高频词汇表,拿走不谢! 有不少编程初学者会问这样一个问题:我英语不好,还能不能学编程?会不会有影响? 我的回答是:能,会. 能学,是因为虽然编程用的都是英 ...
必读 | 六月份不容错过的十大重磅好文，机器学习和数据科学的小伙伴拿走不谢原创 2017-07-10 爱收藏的 AI科技大本营作者 | Flavian Hautbois 翻译 | AI科技大
必读 | 六月份不容错过的十大重磅好文,机器学习和数据科学的小伙伴拿走不谢原创 2017-07-10 爱收藏的 AI科技大本营作者 | Flavian Hautbois 翻译 | AI科技大本营( ...

那些好看的渐变色linear-gradient（拿走不谢）

那些好看的渐变色linear-gradient（拿走不谢）相关推荐

最新文章

热门文章