box-shadow 相关问题

box-shadow CSS属性将一个或多个阴影效果描述为以逗号分隔的列表。它允许从几乎任何元素的框架投射阴影,并允许通过边界半径的阴影圆角。

CSS Box Shadow Overlap

我在CSS中制作了一个滑动拼图,您可以在这个小提琴中查看问题是我希望拼贴在灰色背景上有一个投影,但我不希望阴影与其他重叠...

回答 2 投票 0

同一级别的多个元素上的框阴影但没有重叠?

我想创建类似下面的截图,但我无法找出任何z-index值,阴影不会出现在第一个或第二个框中(它们总是堆叠...

回答 3 投票 4

如何将盒子阴影添加到其高度的一半

我正在尝试添加阴影到div。阴影应该从顶部(左侧和右侧)的顶部和一半高度,有人请帮助我。 .test {width:200px;身高:200px; ...

回答 2 投票 1

如何在透明的矩形svg上有一个投影

我想在透明的SVG元素上有一个投影。我尝试过使用所有不同类型的过滤器,但无济于事。 svg元素上的css3过滤器(filter:drop-shadow(0 -6mm 4mm rgb(160,0,...

回答 2 投票 1

溢出区域外的盒子阴影[关闭]

我在容器内有几个盒子,容器设置为溢出:隐藏以确保一切都停留在它的位置并带走溢出:隐藏(特别是overflow-x:hidden)不是......

回答 2 投票 3

我怎么能用影子制作这样的背景?

嗨,我有一个包含图像和叠加层的div: ...

回答 1 投票 -2

如何通过更改D3图表中的svg过滤元素在svg圆上应用框阴影效果

我试图在“D3图表”上制作带有阴影的svg圆圈,就像这个css代码一样:box-shadow:0 0 6px 1px rgba(35,31,32,0.1); background-color:#ffffff;我把这段代码放在svg filter元素中,...

回答 1 投票 0

任何方式只在内容框上获取box-shadow

选择放置盒子阴影的位置会很可爱。目前我有一个带有一些填充的div。背景颜色设置为在内容框上剪辑。非常好。然而盒子-...

回答 4 投票 0

如何仅将变换效果应用于box-shadow

我正在构建一个使用:hover伪类来显示box-shadow的菜单。这是一个正常的导航项目,这里是下面的相同项目:悬停。我正在使用transform属性来应用偏斜...

回答 3 投票 0

多个框边框CSS

你能向我解释一下,这是我无法理解的盒子阴影属性的代码。我试图弄清楚到底是什么,但我可以。非常感谢你! h1 {text-shadow:...

回答 2 投票 -4

固定元素上的径向盒阴影

我正在尝试为div添加一些“径向盒子阴影”。我使用:: before伪元素和Z-index来实现它。在这里看一个简化的小提琴。问题:虽然元素的工作正常...

回答 1 投票 1

如何在使用角度6点击输入后更改框阴影?

我在项目中使用角度6和材质,我有一个输入框。点击输入后我想要改变盒子阴影,点击后,这里是我的代码:.html

回答 1 投票 1

内框阴影是弯曲的

我正在尝试制作一个类似于此处所示的侧边栏:https://www.sketchapp.com/docs/。我使一切正常,除了在顶部和底部制作框阴影不透明度,我尝试了框.. 。

回答 1 投票 0

悬停时的CSS3 box-shadow与Chrome中的部分border-radius错误相结合

当我在悬停在具有部分border-radius的元素上使用box-shadow时,哪里是非常奇怪的bug。出现在Win10上的Chrome 70.0.3534.4中这是片段:#test {width:300px;身高:......

回答 1 投票 1

盒子阴影悬停过渡闪烁

我试图通过使黑色背景从左到右来实现,使盒子阴影像幻灯片上的幻灯片一样工作。但如果没有这个奇怪的眨眼问题,我无法做到。我有 ...

回答 3 投票 0

如何从Material UI TextField React组件中删除弯曲边框和插入框阴影?

这是输入字段:它有内部阴影和弯曲边框。这是代码:从'react'导入React,{Component};从'material-ui / TextField'导入TextField; import {connect} ...

回答 2 投票 0

按钮上的倒椭圆边框带图标[复制]

我有以下按钮,左侧缺少边框:如何在按钮左侧添加缺少的边框?这是一个带有字体真棒图标和框阴影的按钮。 (...

回答 2 投票 2

关于伪前后元素的CSS3 Box-shadow

我需要创建这样的东西来分离移动设计中的部分:我可以使用CSS轻松创建角度部分,但是我很难让盒子阴影正确。问题是,我......

回答 4 投票 1

Webview Box-Shadow渲染问题

我在我的Android应用程序中有一个简单的标准webview,当加载一个网站时,框阴影没有显示出来。它只显示没有box-shadow的所有元素。但是,android chrome浏览器显示...

回答 1 投票 0

CSS - 将文本阴影与文本轮廓相结合? [重复]

我正在努力实现这个目标(不介意红色背景)所以这就是我得到的东西我可以在文本周围找到边框然后我不能将它与文本阴影结合起来......我怎么能绕过这个? ...

回答 5 投票 6

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