shadow 相关问题

CSS 滤镜阴影在 Safari 浏览器中悬停时看起来不同，如何解决？

我用滤镜阴影设置了悬停按钮的样式，如下所示： -webkit-filter: drop-shadow(0 0 0px rgba(0, 0, 0, 0)); 过渡：变换 0.6 秒缓入输出，过滤 0.8 秒缓入输出； 变换：翻译...

Android TextView Shadow 是如何工作的

我有带阴影的文本视图要显示，我输入了 Shadow ShadowX 和 ShadowY 以及 ShadowRadius 的参数，如下面的 XML 代码所示 我有带有阴影的文本视图要显示，我将 Shadow ShadowX 和 ShadowY 以及 ShadowRadius 的参数放入以下 XML 代码中 <TextView android:id="@+id/Title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:shadowDx="1" android:shadowDy="1" android:shadowColor="#e41919" android:shadowRadius="0.6" android:text="@string/nader" android:textColor="#e1e1e1" android:textStyle="bold" /> 但我不知道 Shadow X 、Shadow Y 和 Shadow Radius 在后台如何工作 android 如何从概念上评估这些参数值？ android:shadowDx – 指定阴影的 X 轴偏移量。您可以给出 -/+ 值，其中 -Dx 在文本左侧绘制阴影，+Dx 在右侧绘制阴影 android:shadowDy – 指定阴影的 Y 轴偏移。 -Dy 指定文本上方的阴影，+Dy 指定文本下方的阴影。 android:shadowRadius – 指定阴影边缘的模糊程度。如果需要突出阴影，请提供一个较小的值。 android 如何在逻辑上使用上述属性值而不指定任何格式的值，例如，请向我发送有关这些属性的任何教程 URL dp 像素 如果您有任何有关 Shadow 参数的教程和参考，请帮助并向我发送有关 Shadow 的这些属性的博客 URL 教程 请参考以下链接： http://android--code.blogspot.in/2015/05/android-textview-text-shadow.html 你必须在yout xml文件中取出3-4个textview，然后更改每个textview的shadowDx，shadowDy和阴影颜色，然后你就会观察到差异。 在 TextView XML 中添加属性： android:shadowColor="#ff6ccDze0" android:shadowRadius="5" android:shadowDy="6" android:shadowDx="7" 尝试不同的值，我注意到 dx 的负值会将整个阴影向左移动（即平移） dx 的正值会将整个阴影向右移动（即平移） dy 的负值会向上移动（即平移）整个阴影 dy 的正值使整个阴影向下移动（即平移） 距离由数值决定：绝对值越大，距离越大。

html 画布阴影应用于所有内容

如果您定义一次阴影，那么它之后将应用于画布上的所有“图形”（这就是它应该做的）。 样本： http://flanvas.com/development/flanvas/test.html 是否...

我在 Three.js 中遇到奇怪或部分阴影。只是想在一个或一组立方体上获得基本的阴影

目前正在尝试让一些阴影在 Three.js 中工作，尽管对 javascript 还很陌生。在尝试让一个立方体出现并具有像样的阴影后，我能够得到部分阴影，但它......

使用线性渐变快速添加阴影

我正在尝试添加阴影（如下图） 但我有这样的结果 代码： 函数 addShadow() { 层.masksToBounds = false 图层.shadowRadius = 10 图层.shadowOpacity = ...

Android Jetpack Compose：深色内容的阴影无法正确显示

我试图在卡片、Surface 或任何容器中显示阴影，但阴影未在深色内容中显示。无关紧要：黑色或内部深色图像。尝试改变阴影颜色...

如何删除 Xamarin Forms 上按钮的阴影

可以吗？ 我想删除 Xamarin Forms 上按钮的阴影。 谢谢

如何使背景出现在具有自己背景颜色的子元素上

我有一个带子项的可滚动容器元素： Adipisci，totam。 错误，命令。 我有一个带子项的可滚动容器元素： <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; } 问题是禁用元素的背景颜色出现在背景阴影上方。 有没有办法将阴影优先于背景颜色，以便阴影出现在顶部？ 我尝试过的： 尝试使用背景混合模式，但没有效果。 尝试使用z-indexes，但没有效果。 您可以在这里看到问题： // just so demo loads scrolled down a little. document.querySelector(".scroll-shadows").scrollTop = 30; .disabled-item { background-color: #F6F6F7; } .scroll-shadows { width: 600px; max-height: 300px; overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; background: /* Shadow TOP */ linear-gradient( gray, white ) center top; background-repeat: no-repeat; background-size: 100% 60px; background-attachment: scroll; } /* Not important to the functionality, just for this particular demo */ .scroll-shadows { list-style: none; padding-left: 1rem; padding-right: 1rem; } .scroll-shadows > * { padding: 0.2rem; } * { margin: 0; padding: 0; box-sizing: border-box; } body { height: 100vh; display: grid; place-items: center; font: 500 100% system-ui, sans-serif; } .scroll-shadows { --scrollbarBG: transparent; --thumbBG: #90a4ae; scrollbar-width: thin; scrollbar-color: var(--thumbBG) var(--scrollbarBG); } .scroll-shadows::-webkit-scrollbar { width: 8px; } .scroll-shadows::-webkit-scrollbar-track { background: var(--scrollbarBG); } .scroll-shadows::-webkit-scrollbar-thumb { background-color: var(--thumbBG); border-radius: 6px; border: 3px solid var(--scrollbarBG); } <div> <ul class="scroll-shadows"> <li>Adipisci, totam.</li> <li>Error, dicta.</li> <li class="disabled-item">Disabled input</li> <li>Eveniet, dolorem!</li> <li>Id, tempora!</li> <li>Voluptate, consectetur?</li> <li>Voluptatibus, omnis.</li> <li>Eius, fugit.</li> <li>Quia, non!</li> <li>At, laudantium?</li> <li>Commodi, maiores!</li> <li>Lorem</li> <li>Ipsum</li> <li>Dolor</li> <li>Sit</li> <li>Amet</li> </ul> </div> CodePen：https://codepen.io/Radek-Skrabal/pen/oNJzMEQ 您可以尝试向 .disabled-item 元素添加具有“darken”值的混合混合模式；它看起来像这样： .disabled-item { background-color: #F6F6F7; mix-blend-mode: darken; }

一种在背景颜色上设置渐变的 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; }

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

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

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

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

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

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

SwiftUI：为什么 .shadow 不将 .secondarySystemBackground 显示为颜色？

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

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

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

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

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

WebGL、Three.js - 灯光、阴影

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

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

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

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

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

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。这个节目开始工作，你将能够看到整体。

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

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