【问题标题】:Changing the brightness on my homepage slider through squarespace通过 squarespace 更改主页滑块的亮度
【发布时间】:2020-08-25 10:59:44
【问题描述】:

大家好,我正在尝试更改滑块背景视频的亮度。 CMS 是 squarespace,这里是代码

<div class="sqs-video-background content-fill" data-config-url="https://youtu.be/w3W-VLSLT4E" data-config-playback-speed="1" data-config-filter="3" data-config-filter-strength="50" style="overflow: hidden; filter: brightness(0.55);">

如您所见,“0.55 的亮度是我需要更改的,我只是不确定在哪里注入代码,也不确定编写代码的正确方法。

谢谢。

【问题讨论】:

    标签: css slider opacity squarespace


    【解决方案1】:

    使用滤镜属性亮度

    filter:brightness(value);
    

    这是图片的示例。

    img{
      filter:brightness(80%);
      max-width:100%;
      height:auto;
    }
    img:hover{
      filter: brightness(150%);
     }
    &lt;img src="https://i.pinimg.com/originals/6e/a9/07/6ea907beb0b63463b800c8dd00d48603.jpg"&gt;

    【讨论】:

    • 那行不通。这是您将在背景中看到滑块视频的站点,我只需要调整亮度,您就可以实际看到视频。 bcacunderground.com
    • .sqs-video-background .background-video.ready, .sqs-video-background .default-fallback-image.ready, .sqs-video-background .background-video.loaded, .sqs-video-background .default-fallback-image.loaded { opacity: 1; filter: brightness(51%); }
    • 我改变了视频亮度:i.stack.imgur.com/eBHRn.png
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-02-02
    • 1970-01-01
    • 2012-12-29
    • 1970-01-01
    • 2019-02-26
    • 2023-04-01
    相关资源
    最近更新 更多