背景样式

    background-blend-mode: screen; // 背景滤色模式
   //  颜色渐变  background : linear-gradient(方向,  初始值，结束值); 
  // 方向可以是角度 90deg
    background :  linear-gradient(to top, blue, red);
  • 非渐变
      background: linear-gradient(to top, blue 50%, red 50%);
  • 中间可添加多个参数
    background: linear-gradient(limegreen, transparent),
    linear-gradient(90deg, skyblue, transparent),
    linear-gradient(-90deg, coral, transparent);
   background-blend-mode: screen; // 背景滤色模式

  • 无滤色模式


©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容