html渐变色CSS3 渐变_css3做渐变

html渐变色CSS3 渐变_css3做渐变linear-gradient常用来制作渐变,如(色彩渣,我就随便找个颜色举例)css代码如下background:linear-gradient(45deg,#ff00000%,#ffb60011%,#fff60022%,#a5ff0033%,#00a9ff44%,#0400ff55%,#8a00fc66%,#ff00e977%,#ff005988%,#ff0000100%…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

linear-gradient 常用来制作渐变,如

(色彩渣,我就随便找个颜色举例)

acbc3bd2aaa6f605fbb7486d348a8043.png

css代码如下

background:linear-gradient(45deg,#ff0000 0%,#ffb600 11%,#fff600 22%,#a5ff00 33%,#00a9ff 44%,#0400ff 55%,#8a00fc 66%,#ff00e9 77%,#ff0059 88%,#ff0000 100%);

如果想制作条纹,很简单啦

background:linear-gradient(45deg,#ff0000 0%,#ff0000 11%,

#ffb600 11%,#ffb600 22%,

#fff600 22%,#fff600 33%,

#a5ff00 33%,#a5ff00 44%,

#00a9ff 44%,#00a9ff 55%,

#0400ff 55%,#0400ff 66%,

#8a00fc 66%,#8a00fc 77%,

#ff00e9 77%,#ff00e9 88%,

#ff0000 88%,#ff0000 100%);

效果

fcb5fc19116461577e270eaf959617af.png

径向同理

background:radial-gradient(#ff0000 0%,#ff0000 11%,

#ffb600 11%,#ffb600 22%,

#fff600 22%,#fff600 33%,

#a5ff00 33%,#a5ff00 44%,

#00a9ff 44%,#00a9ff 55%,

#0400ff 55%,#0400ff 66%,

#8a00fc 66%,#8a00fc 77%,

#ff00e9 77%,#ff00e9 88%,

#ff0000 88%,#ff0000 100%);

f790306b847320ef07294f9549d08e3e.png\

原文:http://www.cnblogs.com/gongchengshi1803275951/p/4086969.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/226832.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • python支持向量机回归_支持向量机——核函数与支持向量回归(附Python代码)[通俗易懂]

    python支持向量机回归_支持向量机——核函数与支持向量回归(附Python代码)[通俗易懂]上期跟大家介绍了支持向量机的一般原理,今天继续跟大家聊聊支持向量机——核函数与支持项链回归。1核函数数据通过某种变换,使原本二维的问题通过某种函数转换到高维的特征空间,而这个函数就称为核函数。核函数有很多种,有线性核函数,多项式核函数,高斯核函数等,其中高斯核函数最为著名。核函数可以说是支持向量机的灵魂,因为现实生活中,我们不大可能通过一个线性的等式就可以完美的解决一个分类问题,总是要经过核函数…

    2022年6月5日
    34
  • DLL注入

    DLL注入DLL注入DLL注入原理dll注入实现过程功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML图表FLowchart流程图导出与导入导出导入DLL注入原理在Windows操作系统中,运行的每一个进程都生活在自己的程序空间中(保护模式),每一个进程都认为自己拥有整个机器的控制权,

    2022年5月17日
    59
  • 单点登录SSO解决方案之SpringSecurity+JWT实现

    单点登录SSO解决方案之SpringSecurity+JWT实现  通过前面几天文章我们详细的介绍了SpringSecurity的使用,本文我们来看下,结合JWT来实现单点登录操作。一、什么是单点登陆  单点登录(SingleSignOn),简称为SSO,是目前比较流行的企业业务整合的解决方案之一。SSO的定义是在多个应用系统中,用户只需要登录一次就可以访问所有相互信任的应用系统二、简单的运行机制  单点登录的机制其实是比较简单的,用一个现实中的…

    2022年5月21日
    33
  • 用旭日图展示数据的三种方法是_旭日大数据

    用旭日图展示数据的三种方法是_旭日大数据本文介绍了用旭日图展示数据的三种方法,供大家学习了解。

    2022年9月26日
    1
  • JAVA中类的public class与class的区别详解

    JAVA中类的public class与class的区别详解1.类的访问权限为了控制某个类的访问权限,修饰词必须出现在关键字class之前。例如:publicclassStudent{}在编写类的时候可以使用两种方式定义类:(A)publicclass定义类(B)class定义类2.publicclass定义类如果一个类声明的时候使用了publicclass进行了声明,则类名称必须与文件名称完全一致。被publ…

    2022年6月10日
    28
  • opkg安装到U盘

    opkg安装到U盘2019独角兽企业重金招聘Python工程师标准>>>…

    2022年5月7日
    40

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号