Allen's blog Allen's blog
首页
面经
算法 (opens new window)
分类

Allen

前端CV工程师
首页
面经
算法 (opens new window)
分类
  • Javascript

  • TypeScript

  • CSS

  • Vue

  • React

  • 框架和构建工具

  • 工具库

  • 常见业务场景

    • 事件委托
    • 滚动条闪动解决方案
    • 列表拖拽排序
    • linear-gradient背景渐变色
    • 表格组件数据加载,排序等
    • 时间业务
    • 滚动加载
    • 文件下载
  • Bug

  • 项目实战

  • 前端
  • 常见业务场景
Allen
2023-08-25

linear-gradient背景渐变色

background: linear-gradient(90deg, rgba(255, 255, 255, 0) -20%, #ffffff 83%);
1

这是一个 CSS 样式中的线性渐变背景色的定义。具体解释如下:

background: 指定元素的背景样式。 linear-gradient: 表示使用线性渐变方式创建背景色。 90deg: 渐变的方向,指定为水平方向,即从左到右。 rgba(255,255,255,0.00): 表示渐变的起始颜色,这里是完全透明的白色。 -20%: 表示渐变颜色的起始位置,这里是相对于元素宽度的百分比,-20%意味着从元素左边缘向左偏移 20%的位置开始渐变。 #FFFFFF: 表示渐变的结束颜色,这里是纯白色。 83%: 表示渐变颜色的结束位置,这里是相对于元素宽度的百分比,83%意味着从元素左边缘向右偏移 83%的位置结束渐变。 这样的线性渐变背景色会从左边缘开始完全透明的白色,渐变到元素宽度的 83%处的纯白色。

上次更新: 2023/12/16, 09:22:46
列表拖拽排序
表格组件数据加载,排序等

← 列表拖拽排序 表格组件数据加载,排序等→

最近更新
01
rollup使用配置文件rollup.config.ts打包
12-08
02
package.json导出类型
12-08
03
关键问题方案
11-17
更多文章>
Theme by Vdoing | Copyright © 2023-2023 Allen | Github
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式