位置: IT常识 - 正文

【CSS应用篇】——CSS如何实现渐变背景(css如何应用)

编辑:rootadmin
【CSS应用篇】——CSS如何实现渐变背景

目录

CSS 定义了两种渐变类型:

格式:

如何使用:

​编辑使用透明度:


CSS 定义了两种渐变类型:线性渐变(向下/向上/向左/向右/对角线);径向渐变(有中心向周围展开);格式:

推荐整理分享【CSS应用篇】——CSS如何实现渐变背景(css如何应用),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:css用法详解,css.,css应用实例,css的应用是什么?,css如何应用,css如何应用,css如何应用,css应用实例,内容如对您有帮助,希望把文章链接给更多的朋友!

background-image: linear-gradient( 方向/角度 , 颜色1,颜色2,颜色3....);

如何使用:

通过属性 linear-gradient来这样定义一个线性渐变。

【CSS应用篇】——CSS如何实现渐变背景(css如何应用)

案例二:(水平)从左开始的线性渐变。它从红色开始,过渡到黄色:

background: linear-gradient(to right,#333399,#ff00cc);

案例二: (对角)从左上角开始(到右下角)的线性渐变。它从红色开始,过渡到黄色:

background-image: linear-gradient(to bottom right, red, yellow)使用透明度:

CSS 渐变还支持透明度,也可用于创建渐变效果。

如需添加透明度,我们使用 rgba() 函数来定义色标。 rgba() 函数中的最后一个参数可以是 0 到 1 的值,它定义颜色的透明度:0 表示全透明,1 表示全彩色(无透明)。

案例三:从左开始的线性渐变。它开始完全透明,然后过渡为全色红色:

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

其他方向和角度:

to top : 从下向上填充渐变色to right:从左向右填充渐变色to bottom:从上向下填充渐变to left  :从右向左填充渐变色0deg  : 0度->to top90deg: 90度->to right180deg:180度->to bottom270deg:270度->to left
本文链接地址:https://www.jiuchutong.com/zhishi/300817.html 转载请保留说明!

上一篇:怎么搭建本地chatgpt(怎么搭建本地ota)

下一篇:cat命令 在终端设备上显示文件内容(终止cat命令)

  • 公司取得违约金合法吗
  • 个人独资企业怎么取钱
  • 出货一般要多久
  • 小规模收入超过多少必须转一般纳税人
  • 电子税务局在哪里看财务报表
  • 怎么调开票金额
  • 农村土地征用补偿是多少钱一亩
  • 项目规划设计费用取费标准
  • 个人独资企业缴纳个人所得税
  • 资质招投标
  • 未开票收入如何申报增值税,下个月怎么操作
  • 冲回多提所得税
  • 假的手撕票已经入账了怎么办?
  • 欠税已经缴纳会影响征信吗
  • 小规模纳税人季度销售额不超过30万免征
  • 财税[2016]140号文逐条解读
  • 税盘显示已过开票截止日期
  • 自建公司什么意思
  • 闲置的房屋可以计提折旧吗
  • 个人转账至公司要交税吗
  • 租房修缮费扣除
  • 收到镇级财政扶持怎么办
  • 预交增值税抵减申报
  • 地铁充值发票能报销吗
  • 专利权转销处理方案
  • 留抵税额如何抵扣
  • php测试成功的邮件是什么
  • 邮件远程控制
  • 最贵的电脑键盘
  • 费尔南迪纳岛气候类型
  • 不符合政策和条件的成语
  • 迭代器,生成器
  • php -a
  • 资产处置损益会减少吗
  • 【深度学习】模型过拟合的原因以及解决办法
  • 缴纳残保金会计分录最新
  • 现代服务印花税税率
  • 邮电局上级部门
  • 安装php5.6
  • 织梦系统基本参数
  • php引用类型
  • mongodb主从复制原理
  • 公司茶水间管理规定
  • 什么情况下需要做肠胃镜
  • 销货清单要放凭证里吗
  • 兼职会计人员的职责
  • 无偿调出固定资产应计入什么
  • 当月未开票收入八百万
  • 共管账户取钱需要多久到账
  • 税控系统技术维护费会计处理
  • 收到项目资本金怎么入账
  • 借支单是会计算做还是出纳做
  • 福利费可以计入销售费用吗
  • 电子发票报销后退款
  • 企业转给法人的会计分录
  • 会计报表怎么算
  • 税前扣除项目主要包括
  • 聘用残疾人优惠政策
  • 租赁写字楼的需求有哪些
  • 发票作废才能验旧吗
  • 下列sql server语句中出现语法错误的是
  • 如何设置sql server
  • mysql处理海量数据
  • linux 的ll
  • windows8安装程序
  • macbook pro怎么分区
  • win7系统怎么开wifi热点
  • canvas画心形
  • js的isnan
  • jquery搜索页面内容
  • 用python编写程序
  • 用nodejs做的项目
  • Android - DrawerLayout的使用
  • python语言中
  • javascrip语言
  • jquery简单吗
  • python的例子
  • 企业代缴房产税可以入账吗
  • 河南省国家税务局通用定额发票
  • 在深圳月薪8000是什么水平
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设