box-shadow 相关问题

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

无法在底部制作框阴影

我只需要在块的底部添加阴影,宽度必须为100%。如果有px宽度,则Box-shadow有效,但100%宽度则无效。有什么问题?

回答 2 投票 -1

是否可以使用CSS在不同的面上创建不同的阴影颜色?

我正在尝试在CSS中重现Alexander Plyuto的现代拟人化风格:换句话说,我可以在顶部和左侧创建彩色阴影,在底部和右侧创建不同颜色的阴影吗? ...

回答 2 投票 -5

是否有可能使用CSS box-shadow在不同的面上创建不同的阴影颜色?

[我正在尝试在CSS中重现Alexander Plyuto的现代拟人风格:具体地说,将中等颜色设为浅灰色,从左上角开始用硬光创建弹出框的想法。]

回答 2 投票 -1

[CSS阴影在另一个元素下面的元素

我正在尝试实现以下用Photoshop复制的阴影效果:我想像下面这样的HTML库就足够了,但不确定: []]] >>> < [ 您可以使用插图box-shadow: .content { height: 100px; width: 100px; background: grey; display: flex; justify-content: center; align-items: center; border-radius: 15px; box-shadow: inset 3px 3px 7px 2px rgba(0, 0, 0, 0.75); } .container { display: inline-block; background: red; padding: 20px; } <div class="container"> <div class="content"> FOO </div> </div> 将您的阴影放入内容对象,并将其设置为“插入”: #content { position: absolute; height: 100px; width: 100px; background: grey; display: flex; justify-content: center; align-items: center; z-index: -10; border-radius: 30px; box-shadow:-4px -4px 4px 4px inset #000; /* here you are */ }

回答 2 投票 0

Microsoft Edge浏览器无法正确呈现双'box-shadow inset'

请参见下面的文本示例示例,其中使用了两个框阴影:插入为下划线。它可以完美地在Chrome,Firefox和Safari(最新版本)上呈现。但是在Edge上看起来像这样(请参见褪色的...

回答 1 投票 0

如何使用边框底线移动下划线,使之看起来像使用阴影框下划线的底线?

[简单的问题:我可以使用边框底线(右侧的底线)使下划线看起来与使用阴影框的底线(左侧的底线)完全一样吗?我只需要CSS。然后...

回答 1 投票 0

如何仅将box-shadow插图添加到textarea顶部?

我在将文本框阴影添加到我的文本区域时遇到问题。下图描绘了我正在尝试实现的目标。 CSS代码:.text_area {位置:相对;框大小:border-box;宽度:100%; ...

回答 1 投票 0

当if是一个三角形时,如何将box-shadow添加到:: after?

我想为我的所有元素添加阴影(见图),但是我不知道如何为:: after添加阴影。现在,我的CSS代码-.controll_btn {过渡:所有0.1秒缓解;位置:...

回答 2 投票 1

Safari切断了按钮内元素的框阴影

我有一个带有内部元素的按钮,该元素接收盒阴影:button {padding:0;边界:0;边距:0;溢出:可见; -webkit-appearance:无;背景:白色; } ...

回答 1 投票 0

使用rgba值时抗锯齿边界半径问题

我遇到一个问题,当我将边界半径与rgba值的颜色结合使用时,比如说rgba(255,255,255,.8),然后使用长阴影阴影使盒子看起来像羽毛一样,得到...] >

回答 1 投票 1

如何内侧阴影在CSS添加到图像[复制]

我试图内侧阴影添加到图像,但我无法得到我想要的结果。这是我目前有:https://codepen.io/nvision/pen/lBKEy .shadow {显示:inline-block的; ...

回答 1 投票 4

导航溢出的box-shadow

该导航标签溢出盒阴影在CSS中,因此它的显示边框。我曾尝试一切从增加知名度:在没有使用的导航标签的Z-index属性,但没有...

回答 1 投票 0

盈亏内CSS属性是无法处理的box-shadow

我尝试了一些列表项对齐到使用列属性列。列对准我的元素正确,但每个这些元素的原因归结于阴影正在打破。该...

回答 2 投票 1

是否有一个 '的box-shadow-color' 属性?

我有以下的CSS:箱阴影:插图0像素0像素的2px#A00;现在我想提取的颜色,使页面颜色“的换肤”。是否有这样做的方法吗?简单地删除颜色,...

回答 7 投票 167

CSS盒子阴影底部只有[复制]

我怎样才能做到这一点?我希望我的元素,看起来好像它有一个影子下划线。我不想为其他三面的影子。

回答 4 投票 334

如何在悬停Highcharts时将盒子阴影置于Bar(点)?

我正在使用Highcharts for column On hover of a bar,想要获得当前悬停栏的盒子阴影。有人可以帮我这样做吗?我需要为这一点设置特定的盒子阴影值...

回答 1 投票 0

删除侧面部分(百分比)的投影箱阴影?

想象一下基于选项卡的列表选择,其中活动元素(li)获得额外的框阴影。底部(描述)也有相同的框阴影假冒所选的标签和描述div有...

回答 2 投票 0

表格行上的CSS框阴影无法正确显示

当它被悬停时,我在表行中添加了一个轻微的盒子阴影,这样它就更明显了。它可以正常工作,但是当我添加交替的行颜色时,它会停止显示...

回答 1 投票 0

野生动物园中的盒子阴影动画不褪色

我有这个动画在Chrome和Android中工作,而在Safari和iOS环中并没有消失,而是保持黑色。是什么造成的?有没有办法不使用box-shadow并实现相同的...

回答 1 投票 0

在悬停时更改伪元素之前

所以我设法在图像上创建了一个插入阴影,在网上阅读之后......它可以工作,但我不能让它改变:悬停。目前我有:.shadow {position:relative;最大-...

回答 2 投票 0

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