位置: 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命令)

  • 苹果8p怎么装两张卡(苹果8p怎么装两个手机卡)

    苹果8p怎么装两张卡(苹果8p怎么装两个手机卡)

  • 微信打不开拼多多链接是怎么回事(微信打不开拼多多砍价链接)

    微信打不开拼多多链接是怎么回事(微信打不开拼多多砍价链接)

  • 华为手机飞行模式在哪(华为手机飞行模式怎么关)

    华为手机飞行模式在哪(华为手机飞行模式怎么关)

  • 微信确认续租有效吗(微信 续订)

    微信确认续租有效吗(微信 续订)

  • 快手小店评价能取消吗(快手小店的评价)

    快手小店评价能取消吗(快手小店的评价)

  • 快手提现失败是怎么回事(快手提现失败是咋回事)

    快手提现失败是怎么回事(快手提现失败是咋回事)

  • rne一al00什么型号(rne-al00是)

    rne一al00什么型号(rne-al00是)

  • 固态硬盘写入速度慢(固态硬盘写入速度不稳定怎么回事)

    固态硬盘写入速度慢(固态硬盘写入速度不稳定怎么回事)

  • 老人机的卡怎么取出(老人机的卡怎么安的)

    老人机的卡怎么取出(老人机的卡怎么安的)

  • qq照片墙为什么上传不了照片(qq上照片墙为什么显示不出来)

    qq照片墙为什么上传不了照片(qq上照片墙为什么显示不出来)

  • oppo怎么退出单手键盘(oppo怎么退出单耳模式)

    oppo怎么退出单手键盘(oppo怎么退出单耳模式)

  • oppo手机怎么恢复出厂设置(oppo手机怎么恢复桌面布局)

    oppo手机怎么恢复出厂设置(oppo手机怎么恢复桌面布局)

  • i7和i9差距有多大(i7跟i9差多少)

    i7和i9差距有多大(i7跟i9差多少)

  • 手机经常摔有什么影响吗(手机经常摔了会不会影响性能)

    手机经常摔有什么影响吗(手机经常摔了会不会影响性能)

  • 苹果11promax尺寸(苹果11promax尺寸长宽高厘米)

    苹果11promax尺寸(苹果11promax尺寸长宽高厘米)

  • 手机换屏幕对手机有影响吗(手机换屏幕对手机灵敏度有影响吗)

    手机换屏幕对手机有影响吗(手机换屏幕对手机灵敏度有影响吗)

  • cpu异构能力是什么(cpu异构能力有什么用)

    cpu异构能力是什么(cpu异构能力有什么用)

  • 如何找回删除的视频和照片(如何找回删除的文件)

    如何找回删除的视频和照片(如何找回删除的文件)

  • 淘宝补发是什么意思(淘宝补发是什么流程)

    淘宝补发是什么意思(淘宝补发是什么流程)

  • 微信的草稿没了怎么办(微信中的草稿没发出会自动消除吗)

    微信的草稿没了怎么办(微信中的草稿没发出会自动消除吗)

  • 苹果11如何导入通讯录(苹果11如何导入副卡通讯录)

    苹果11如何导入通讯录(苹果11如何导入副卡通讯录)

  • 苹果xsmax怎么微信美颜(苹果xsmax怎么微信加密)

    苹果xsmax怎么微信美颜(苹果xsmax怎么微信加密)

  • 闪电盒子怎么解除绑定(闪电盒子自刷教程)

    闪电盒子怎么解除绑定(闪电盒子自刷教程)

  • ppt截图快捷键是什么(ppt中截图快捷键)

    ppt截图快捷键是什么(ppt中截图快捷键)

  • qq漂流瓶不能用了吗(qq漂流瓶还能用吗)

    qq漂流瓶不能用了吗(qq漂流瓶还能用吗)

  • 新版抖音怎么恢复自动定位(新版抖音怎么恢复粉丝)

    新版抖音怎么恢复自动定位(新版抖音怎么恢复粉丝)

  • 小米手环2支持ios吗 小米手环2支持苹果iphone手机(小米手环2支持nfc功能?)

    小米手环2支持ios吗 小米手环2支持苹果iphone手机(小米手环2支持nfc功能?)

  • 人工智能的几个研究方向(人工智能的几个发展阶段)

    人工智能的几个研究方向(人工智能的几个发展阶段)

  • 清算缴纳企业所得税
  • 开的税票必须过期怎么办
  • 其他权益投资公允价值变动怎么计量
  • 个体工商户取得经营所得的个人自行申报缴纳个人所得税
  • 汽车修理店业务范围
  • 税务局多扣的税可以退吗
  • 筹建期间的费用可以扣除吗
  • 人力资源外包公司排名
  • 租赁车辆保险费用每年都一样吗
  • 企业营改增后的会计处理有何变化
  • 补计提以前年度增值税
  • 广告发布税收编码
  • 年终奖怎么缴纳个税
  • 混业经营如何缴税?
  • 绿植租赁公司都适合什么名字
  • 跨年度错账更正方法
  • 国际货运代理免税怎么做账
  • 餐饮定额发票怎么征税
  • 收入税金摘要怎么写
  • 1697509029
  • 车间的制造费用包括哪些
  • 装载u盘
  • 封装windows10
  • 电脑怎么一键返回到桌面
  • 安全处罚管理规定
  • 在win7系统中,怎么把D盘里的文件移到C盘里?
  • 如何检查文档
  • 完税证明和纳税申报表是一种东西吗
  • 盈余公积科目是什么科目
  • 生产性生物资产折旧计入什么科目
  • 微信小程序 h5页面打不开
  • 小企业会计准则财务报表至少包括
  • php preg_match
  • 李牧其人
  • object.assign(this.$data, this.$options.data())
  • 自动驾驶汽车决策与控制pdf
  • 深度学习如何训练出好的模型
  • ajax自动带cookie
  • mysql分区实现
  • python中datetime用法
  • 企业销售旧固定产品
  • 织梦cms怎么样
  • mysql有几种
  • 项目支出可以列支差旅费吗
  • 发票报送日志不完整
  • 进销存的原理
  • 企业哪些收入不需要交税
  • 资产负债表其他综合收益
  • 其他债权投资如何计提减值
  • 电子承兑汇票到期怎么兑现
  • 固定资产没有折旧完要转走会计科目
  • 坏账核销在企业所得税汇算清缴的填写
  • 固定资产正常报废与非正常报废的会计处理基本相同
  • 生产成本如何做核算
  • 付款申请单如何生成凭证
  • 先付款后开发票的会计分录?
  • 银行代扣水电
  • 无形资产减值损失计入管理费用
  • 收派服务与快递服务区别
  • win7旗舰版系统激活密钥
  • mac关机快捷键是什么键
  • windows勒索病毒
  • win8系统安装步骤
  • 五种修改方法
  • fpassist.exe是什么进程 有什么作用 fpassist进程查询
  • win8.1安装应用商店
  • Win10预览版桌面图标和任务栏不翼而飞怎么办?
  • nodejs和mysql
  • 深入理解python特性pdf百度云
  • win7系统设置wifi热点
  • js与jquery的关系
  • jQuery AjaxUpload 上传图片代码
  • unity socket udp
  • unity c语言
  • JavaScript冒泡排序都不会写
  • 银行人员司法查询给查错了,怎么办
  • 广东电子税务局手机版
  • 不同地区的社保卡通用吗
  • 股权转让申报期限
  • 2021河南省中考英语听力音频
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设