繁体   English   中英

根据背景视频颜色动态更改汉堡菜单

Dynamically changing a hamburger menu based on background video colour

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我有一个 header 的背景视频,从明亮的场景到黑暗的场景,它会导致汉堡菜单(黑色)在较暗的场景中变得不可见。 我希望根据背景视频颜色动态更改汉堡菜单。 我试过mix-blend-mode: difference但是它会反转我不想要的颜色。

我还刚刚了解了CSS 条件语句并可能使用它们来修改颜色,但我不确定如何获得视频的颜色值......

基本上我希望黑色菜单根据视频变为白色。

接受任何想法...谢谢!

编辑:我想从可访问性的角度说这可能没有意义,因为菜单可能会闪烁! 我仍然很好奇如何做到这一点以备将来使用!

问题暂未有回复.您可以查看右边的相关问题.
1 如何根据动态变化的背景颜色动态更改文本颜色

我正在建立一个新的网站,需要我的文字根据不断变化的背景颜色改变颜色,以保持对比度。 我已经在网上搜索了不涉及Sass的答案,但没有一个有效... 我尝试了一些JavaScript,但只有当背景是手动更改的固定颜色时,它们才有效。 我当前的文件: https : //codepen. ...

2 根据动态更改的背景动态更改标签/按钮文本的颜色

我知道提出这个问题可能听起来有些拖延,但我很好奇是否有类似的方法。 我正在构建一个应用程序,其中每个视图控制器的背景图像(以模糊效果覆盖整个视图)会动态变化。 此背景图像将出现在所有视图控制器中,每个视图控制器都有一组不同的UIControl(标签,按钮,表视图,集合视图,容器,选项卡等 ...

3 在反应中更改汉堡菜单的背景颜色

我正在使用react-burger-menu,无法从默认的红色/粉红色更改菜单项的背景颜色。 这是我正在使用的反应代码: 这是我正在使用的CSS 我还看到第一个项目以及单击的任何项目周围的蓝色轮廓框。 有什么办法可以摆脱呢? 这是图片: 谢谢! ...

4 为什么菜单项颜色没有改变,但背景是?

谁能告诉我为什么“回转环”的颜色不是红色,而背景颜色确实是黄色? 我确定我正在做一些非常愚蠢的事情......但它可能是什么超出了我的范围。 显示带有菜单栏的元素编辑器的屏幕截图 /* Decorate Slewing Rings in Menu */.slewing-rings { backgr ...

5 使用下拉菜单更改背景颜色

我正在做一些 uni 工作,我被困在这段代码上。 我必须使用下拉菜单更改页面的背景颜色。 下拉菜单代码 if 语句 这里也是运行该功能的按钮 ...

2016-04-02 12:33:47 3 2809   html
7 改变汉堡包菜单的宽度

如何更改汉堡包菜单或侧边菜单的宽度约占屏幕尺寸的50%? 默认情况下,汉堡包菜单大约占屏幕宽度的90%,但我需要缩小尺寸。 我尝试通过在主题常量中更改sideSwipeSensitiveInt和sideSwipeActivationInt的值来实现,但没有运气。 ...

9 在滚动条上更改汉堡菜单的颜色

我在自托管的 WordPress(使用 Divi)上建立了一个站点。 该站点使用两个菜单标志,一个用于主菜单栏,第二个用于固定 header。 使用以下代码滚动时徽标会发生变化: 我希望该网站在移动版本中更改滚动时汉堡包按钮的颜色。 检查工具显示颜色由以下几行定义: 我用这个 CSS 使汉堡按钮变黑 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM