shadow 相关问题

与在对象上绘制或设置阴影相关的问题。它指的是用户界面中的图形阴影,不要与对象,库,数据库等的概念阴影(副本)混淆。

一种在背景颜色上设置渐变的 CSS 方法

你能帮我解决以下挑战吗?有针对这个的解决方法吗? 他们有一个带有子项的可滚动容器: 阿迪皮斯西,... 你能帮我解决以下挑战吗?这个问题有解决办法吗? 他们有一个带孩子的可滚动容器: <ul class="scroll-shadows"> <li>Adipisci, totam.</li> <li>Error, dicta.</li> <li class="disabled-item">Disabled input</li> <li>Eveniet, dolorem!</li> ... </ul> 可滚动容器有顶部阴影(背景): background: linear-gradient( gray, white ) center top; 子项已禁用(背景颜色): .disabled-item { background-color: #F6F6F7; } 有没有办法让阴影优先于背景颜色? 我为这种情况创建了一个CodePen: https://codepen.io/Radek-Skrabal/pen/oNJzMEQ 尝试使用背景混合模式,但没有效果。 尝试使用z-indexes,但没有效果。 您可以尝试向 .disabled-item 元素添加具有“darken”值的混合混合模式;它看起来像这样: .disabled-item { background-color: #F6F6F7; mix-blend-mode: darken; }

回答 1 投票 0

Jetpack Compose 中的 X 和 Y 偏移、模糊、不透明度和阴影颜色?

由于 Jetpack Compose 有此限制,我正在寻找解决此问题的解决方案? 也许 Canvas 可以解决这个问题?如果有人可以提供如何r...的代码片段,我真的很感激

回答 4 投票 0

您可以在JavaFX CSS中同时使用dropshadow和innershadow吗?

我想使用 JavaFX CSS 在同一个按钮上有一个内部阴影和一个盒子阴影。除了我尝试的所有内容仅显示两者之一。 我尝试了这个,但只显示第一个: -FX效果...

回答 1 投票 0

如何让CSS-in-JS与需要附加一些元素的shadow DOM一起工作?

我正在使用 Shadow dom 在 WordPress + React 中开发 antd。 antd 的 styles 标签附加在 head 标签上。但我希望它们追加到影子 dom 中。我使用了antd文档中的代码...

回答 1 投票 0

SwiftUI:为什么 .shadow 不将 .secondarySystemBackground 显示为颜色?

这不会将 .secondarySystemBackground 显示为颜色: 矩形().shadow(颜色:颜色(UIColor.secondarySystemBackground),半径:7) 然而:其他颜色也很好用: 矩形().阴影(

回答 1 投票 0

Gradle 创建两个 Jar 文件 - 我只想要“胖”一个

我有 gradle.build 文件: 导入 com.github.jengelman.gradle.plugins.shadow.tasks.ConfigureShadowRelocation 导入 com.github.jengelman.gradle.plugins.shadow.tasks.ShadowJar 插件{ id 'j...

回答 1 投票 0

如何在flutter中给出容器的这种类型的阴影?

我有一个带有 GridView.builder 和 crossAxisCount: 3 的简单屏幕,在 itemBuilder 中我返回带有左、右、下小阴影的容器。但未能达到我想要的。 当...

回答 1 投票 0

WebGL、Three.js - 灯光、阴影

我在将灯光聚焦到目标时遇到问题(需要将其聚焦在主角上并使背景变暗)。第二个问题是,阴影不起作用。下面是处理的部分代码

回答 1 投票 0

如何修改 CSS 以使块的边缘羽化?

如何修改 CSS 以使框的边缘具有羽化模糊效果?我希望盒子的背景是磨砂玻璃效果,而不是周围有尖锐的边缘,而是有羽毛......

回答 1 投票 0

Bootstrap - 具有“form-control”类的输入的默认 CSS 框阴影

有谁知道应用于 Boostrap 表单控制输入的框阴影是什么?我希望复制当您将鼠标悬停在使用 Bootstr 的输入上时出现的相同蓝色光芒...

回答 2 投票 0

React-Three-Fiber 中的阴影正常工作,但无缘无故地裁剪在矩形区域中

嗨,我的问题如下: 我成功地将阴影添加到视口中,但这些阴影似乎在特定区域内被裁剪。感谢您的帮助 :-) 与作物 地区 嗨,我的问题如下: 我成功地将阴影添加到视口中,但这些阴影似乎在特定区域内被裁剪。谢谢您的帮助:-) <Canvas colorManagement shadows> <ambientLight intensity={0.1} /> <directionalLight intensity={0.5} position={[80, 80, 30]} castShadow /> <OrbitControls /> <Box castShadow receiveShadow args={[1, 3, 30]} position={[0, 0.2, 0]}> <meshStandardMaterial attach="material" color="gray" /> </Box> <Box castShadow rotation={[0, -Math.PI / 2, 0]} receiveShadow args={[1, 3, 30]} position={[0, 0.2, 0]} > <meshStandardMaterial attach="material" color="gray" /> </Box> <Plane receiveShadow rotation={[-Math.PI / 2, 0, 0]} position={[0, -1, 0]} args={[100, 100]} > <meshStandardMaterial attach="material" color="white" /> </Plane> </Canvas> 默认情况下,DirectionalLight阴影使用正交相机来计算其投射阴影的区域。默认情况下,此相机的 left, right, top, bottom 属性设置为 [-5, 5] 单位。您的 Box 对象比这个大,因此它们仅在灯光的阴影相机内的区域投射阴影。您需要将光影的相机尺寸修改为足够大以适合您的对象。例如: light.shadow.camera.left = -20; 在 React-Three-Fiber 中,您可以通过 kebab-case 属性访问所需的属性来实现相同的目的。 <directionalLight castShadow shadow-camera-left={-20} /> 您可以在文档中阅读有关灯光相机尺寸的更多信息 此外,您可以将 DirectionalLightHelper 添加到您的 DirectionalLight 以更好地可视化此阴影相机的区域。 在我看来,只需向画布添加一个类并应用 CSS 即可。将其宽度设置为 100vw,高度设置为 100vh。这个节目开始工作,你将能够看到整体。

回答 2 投票 0

我无法理解这段代码,我得到 6 作为输出?

请解释一下这段代码,我得到的输出为6,任何人都请帮助我。 A类{ 静态 int i=1111; 静止的 { i=i-- - --i; } { 我=我++ + ++我; } } B 类分机...

回答 2 投票 0

在 Threebox/MapBox 中渲染立面上的阴影

我正在使用 @jscastro Threebox/mapgl 创建实时 3D 阴影贴图。 正如您所看到的,建筑物不会遮挡阴影。事实上我应该在正面看到它。 (https://i.stack.imgur.com...

回答 0 投票 0

如何在 Ursina 中使用灯光和阴影

我是 Ursina 引擎的新手,我正在创建恐怖游戏,我正在尝试为玩家制作手电筒(第一人称控制器),但我不知道如何使用灯光,而且我不'不知道是什么...

回答 0 投票 0

将文本阴影与文本轮廓结合起来?

我需要用边框和阴影重新创建这个标题。来源是西格玛。有任何想法吗? 拉斯卡和加纳 我需要用边框和阴影重新创建这个标题。来源是西格玛。

回答 1 投票 0

我正在使用颤振。阴影效果好难看

我正在 Flutter 中制作一个文件夹形状的容器组件。 我正在使用下面的代码创建一个文件夹形状的容器并给它一个阴影效果。 (我从 Stack Overflow 得到了一些帮助。) 我要……

回答 2 投票 0

我很难在 Android 中添加阴影(一般来说)

在这个例子中,我有一个 bottomSheet,里面有一个 fragmentContainer。我的 bottomSheet 在底角有一个半径。我的解决方案是添加一个渐变视图来模拟阴影,但是它

回答 1 投票 0

阴影效果不起作用...Swift ios uikit

我正在尝试在我的徽标图像上制作一些阴影效果,但效果并没有炫耀.. func setUpLogo(){ view.addSubview(logoView) logoView.translatesAutoresizingMaskIntoConstraints = fal...

回答 2 投票 0

Three.js 从坐标、索引和材料创建一个有效的网格

我有包含坐标、索引和材料数组的数据,我想在 Three.js 中将其表示为网格。 我有一个有效的场景,我在其中定义了 AmbientLight 和 DirectionalLig ...

回答 1 投票 0

如何修复(可能)GTK 中的字体阴影/轮廓?

我最近安装了 Manjaro i3。并且无法解决字体问题。起初,我到处都有不同的字体,这让人分心。我觉得,我必须在任何地方设置字体:在 QT 中,在 GTK 中,在 X 中......

回答 0 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.