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

  • 附加税减半征收的条件
  • 进口产品销售需要什么资质
  • 进项票丢了,假如税不抵了,怎么做账
  • 如何在电子税务局开具全电发票
  • 个人销售货物缴增值税吗
  • 境外人员为境内企业提供劳务如何缴税
  • 担保费能抵扣吗
  • 文化传媒公司取名字不带文化
  • 出口没做免税申报怎样补税?
  • 合作社土地入股协议
  • 财产清查的种类有哪些
  • 纳税人识别码是啥
  • 所得税汇算清缴调整项目
  • 增值税专用发票几个点
  • 其他应付款余额在借方表示什么意思
  • 小微企业减半征收印花税代码
  • 增值税发票系统报税盘怎么用
  • 主营业务收入如何确认
  • 汇算清缴补交所得税后报表需要调整吗
  • 事业单位财政直接支付了费用忘记入帐
  • win10高级功能
  • 没收到windows11更新
  • PHP:Memcached::setMulti()的用法_Memcached类
  • phpmemcached使用
  • 有关预收账款的会计科目
  • 农产品来料加工设备
  • php编程计算日期怎么算
  • vue传值inject
  • 装修阶段监理注意事项
  • nodejs安装及环境配置 centos
  • tabstat命令怎么用
  • shell中put命令
  • PHP strcmp()和strcasecmp()的区别实例
  • 工程竣工决算会计账务处理
  • 基于python的论文项目有哪些
  • 商品和服务税收分类编码表下载
  • 个人所得税申报流程图
  • 数据源suspended
  • python中类方法有什么用
  • python中if语句的用法
  • mysql写日志机制
  • 刻章费用如何做账务处理
  • 年度利润表与12月利润表区别
  • 普通发票的后续怎么开
  • 处置无形资产属于投资活动吗
  • 某项目施工成本计划如下图,则5月末
  • 安全生产费实际发生
  • 营改增租金收入税率
  • 将固定资产转为投资性房地产账务处理
  • 个人与公司交易需要纳税吗
  • 账外资产处理
  • 预付卡充值入什么科目
  • 运输公司自有车辆是什么意思
  • 建筑业外包工程包括哪些
  • 股东借款可以直接转为实缴出资吗
  • 在建工程怎么记账
  • 固定资产公司
  • freebsd6.2 nginx+php+mysql+zend系统优化防止ddos攻击
  • winxp安卓
  • linux网络管理及应用
  • 虚拟机linux使用
  • Linux Mint Cinnamon中安装MATE桌面详细步骤
  • 如何将win10系统从c盘迁移到d盘
  • 微软 hololive
  • win8笔记本无法更新正在撤销更改
  • jQuery的ajax中使用FormData实现页面无刷新上传功能
  • perl脚本执行顺序
  • jquery jsonview
  • jquery设置鼠标样式
  • 网页中英文切换
  • jquery选择器的使用
  • node js并发加载缓慢
  • python多层嵌套列表制作
  • pycharm flask框架
  • 绿化项目利润
  • 车辆购置税查询不到
  • 对税务工作者的赞美
  • 停车场收费需要什么手续
  • 发票开票系统可以查询上一年发票吗?
  • 四川职工医保联网了吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设