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

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • virsh 关机_kvm虚拟机的virsh命令日常管理和配置

    virsh 关机_kvm虚拟机的virsh命令日常管理和配置virsh命令显示列表显示正在运行的[root@oldboy/etc/libvirt/qemu]#virshlistIdNameState—————————————————-5centos7running显示…

  • hibernate5二级缓存配置

    hibernate5二级缓存配置hibernate默认有一个一级缓存,就是默认的Session缓存,当我们做了一次查询,hibernate会把这个结果缓存起来,叫做一级缓存,当我们接着在这个Session会话里面再做一次同样条件的查询,hibernate不会再次查询数据库,而是直接在一级缓存中获取结果并返回。一级缓存是内置的,他也不能被卸载。一级缓存是指在同一个Session会话内的查询做的缓存,如果跨了Session,或者当前…

  • Minicom使用介绍

    Minicom使用介绍minicom是一个串口通信工具,就像Windows下的超级终端。可用来与串口设备通信,如调试交换机和Modem等。一、Minicoms使用1.安装minicom打开终端sudoapt-getinstallminicom即可完成安装。2.minicom配置参数命令运行sudominicom-s进入了minicom的配置界面:使用上下键选择Serialports…

  • DrawerLayout

    DrawerLayout用DrawerLayout作侧滑时,需要注意以下两点:1.只接受两个子控件,第一个子控件相当于主屏幕,第二个子控件相当于侧滑屏幕;2.第二个子控件需要添加android:layout_gravity属性,否则不能侧滑。<?xmlversion="1.0"encoding="utf-8"?><android.support.v4.widget.DrawerLa…

  • Linux 移动或复制文件(文件夹)[通俗易懂]

    Linux 移动或复制文件(文件夹)[通俗易懂]Linux移动或复制文件(文件夹)命令格式:cp-rf/home/backup/default/Public/Public/复制/home/backup/default/Public文件夹到当前文件夹下补充cp该命令的各选项含义如下-a该选项通常在拷贝目录时使用。它保留链接、文件属性,并递归地拷贝目录,其作用等于dpR选项的组合。  -d拷贝时保留链接。…

  • 无人机相关专业术语有哪些_国际商务英语专业术语

    无人机相关专业术语有哪些_国际商务英语专业术语无人机UAV(UnmannedAerialVehicle),drone地面控制站GroundControlStation,GCS固定翼fixed-wing旋翼rotary-wingRover陆路,水路多旋翼multirotors,multicopters四旋翼4-rotorhelicopters,quadcopter加速计accelerometer陀螺仪gyr…

发表回复

您的电子邮箱地址不会被公开。

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