css样式:抄的背景渐变样式

最近入坑 爱奇艺的《一念关山》(谁让咱也没有别家视频会员)。顺手就抄了他们家一个背景渐变样式。

background-image: linear-gradient(
    90deg,
    hsla(0, 0%, 100%, 0),
    hsla(0, 0%, 100%, 0.1) 77%,
    hsla(0, 0%, 100%, 0)
  );

展示:(就是右侧 切换的选中样式)

分析:运用了渐变,挺适合用在深色背景场景中,如 数据可视化大屏展示等。

单蹦长这样:

css样式:抄的背景渐变样式_第1张图片css样式:抄的背景渐变样式_第2张图片

有种毛玻璃的感觉。

另附上主流视频网站(我觉得)的pc端首页。

你可能感兴趣的:(css,前端,javascript)