shadow相关内容

阴影的3D CSS3 3D箱子

我正在制作通知系统。我想让这个通知像一个盒子,转向,有点像iOS中的一些通知,屏幕顶部像一个立方体旋转。 现在,前面和背面的立方体应该是透明的/与背景相同的颜色。当它转动时,阴影应该落在不平行于观察者前方的侧面上,好像在盒子上有一个灯泡。可以这样做吗? 要更清楚:背面的盒子与背景颜色相同,当转动盒子时,它不会像一个盒子转动,而是一片纸旋转到位。所以我想要的是,立方体的面孔取决于它的角度 ..
发布时间:2017-02-19 20:59:02 前端开发

CSS:旋转阴影在框的右侧

我有一个固定的,100%高度的菜单在左边,我需要创建一个阴影效果,它的右边会消失后,同时。 如何创建此效果? 这里是一个小提琴: http://jsfiddle.net/52VtD/7787/ HTML: Hello A B ..
发布时间:2017-02-19 20:10:49 前端开发

CSS阴影阴影

对于实践和乐趣,我正在寻求在一个元素中在纯CSS中重新创建以下标志 如果你注意到,每个”bar“都有一个小的阴影灰色区域,它的深度感。我想在纯CSS,如果可能的话。对我来说,棘手的事情是,它看起来像他们在他们的顶部的酒吧,所以它必须在一个单独的酒吧水平,以便这样做,而不是应用一个面具到整个事情。 到目前为止,我已经能够使用伪元素和一些框阴影创建条形,并且使用渐变和背景给予B颜色-cli ..
发布时间:2017-02-19 04:14:57 前端开发

CSS框阴影周围三角形

我需要使用简单的html和CSS创建一个带阴影的三角形。回答另一个stackoverflow问题,我能够创建带有斜角边框的三角形。基本上,我创建一个框有一个非常宽的边框和附近边有一个宽的透明边框的一面: div.triangle { border-bottom:60px solid transparent; border-left:60px solid black; } ..
发布时间:2017-02-19 04:07:40 前端开发

为什么背景打破了盒阴影嵌入效应?

我试图在一个简单的盒子上实现内部阴影效果,像: alt text http:// gotinsane。 com / test.jpg 其中绿色框是另一个框内的内容。 我的问题是,如果我给内容框任何种类的背景,外框框阴影效果消失! 这里的我的问题的一个例子(与markup和css),我已经设置内容高度更小,以证明问题 - atm我真的不关心IE *,这只是 $ b $ b ..
发布时间:2017-02-18 21:48:31 前端开发

如何实现这个css3阴影效果?

我想看看是否可能使用纯CSS3实现这种阴影: 我在photoshop中快速嘲笑了这个。我在寻找那种弯曲的阴影效果。我知道它可能得到严重的阴影效果。我试图看看谷歌我甚至不知道什么称为弯曲的阴影。我找不到任何地方说它不可能。无法找到任何地方说它是可能的。 如果css3没有发生,我愿意使用jQuery。 任何帮助,非常感谢。 感谢。 编辑:最近我已经得到任何类型的阴影只是与cs ..
发布时间:2017-02-18 21:06:02 前端开发

CSS下拉阴影为CSS绘制箭头

我想要在div悬停时显示的箭头此处 a>也会放一个阴影。箭头是从css绘制的: .arrow { position:absolute; margin-top:-50px; left:80px; border-color:transparent透明#ccff66; border-style:solid; border-width:20px; width:0; h ..
发布时间:2017-02-18 21:03:17 前端开发

除了一个之外,在所有侧面创建CSS3框阴影

我有一个标签式导航栏,其中我想打开的选项卡有一个阴影,使其与其他选项卡分开。我也喜欢整个标签部分有一个阴影(见底部水平线)向上,阴影所有选项卡的底部,除了打开一个。 我将使用CSS3的 box-shadow 属性来做,但我不知道一种方式只遮盖我想要的部分。 通常,我会覆盖打开的选项卡的底部阴影与内容区域(高于 z-index ),但在这种情况下,内容区域本身有一个阴影,因此只是卷起来覆 ..
发布时间:2017-02-18 19:53:05 前端开发

如何在元素的一边添加一个box-shadow?

我需要在一些块元素上创建一个盒子阴影,但只有(例如)在它的右侧。我这样做是用 box-shadow 将内部元素包装到外部 padding-right overflow:hidden; 所以阴影的三个其他边不可见。 实现这个?像 box-shadow-right ? EDIT :我的目的是创建 阴影的垂直部分。与的背景:url(shadow.png)100%0%repeat-y repe ..
发布时间:2017-02-18 19:40:59 前端开发

如何创建白色css框阴影

我的网站上有以下框阴影css。它在Chrome看起来不错,但Firefox和IE不会重现我所寻找的效果。我想要一个白色的实心阴影只在一个盒子的底部。 box-shadow:0px 10px -14px 14px #FFF; -webkit-box-shadow:0px 10px -14px 14px #FFF; -moz-box-shadow:0px 10px -14px 14px ..
发布时间:2017-02-10 15:20:40 前端开发

火狐大纲周围的盒子阴影悬停

这是我对StackOverflow的第一个问题,所以我会尝试以正确的方式格式化。基本上,我有一个边框和轮廓的div 。在悬停时,div也得到一个阴影,当然,它应该在轮廓之外。 这在所有浏览器都很好,除了firefox。 Firefox似乎出于某种原因将大纲渲染到box-shadow外面。 例子如下: http://rubencoolen.be/test.php 这是我的CSS: ..
发布时间:2017-02-08 00:06:44 前端开发

CSS阴影阴影

对于实践和乐趣,我正在寻求在一个元素中在纯CSS中重新创建以下标志 如果你注意到,每个”bar“都有一个小的阴影灰色区域,它的深度感。我想在纯CSS,如果可能的话。对我来说,棘手的事情是,它看起来像他们在他们的顶部的酒吧,所以它必须在一个单独的酒吧水平,以便这样做,而不是应用一个面具到整个事情。 到目前为止,我已经能够使用伪元素和一些框阴影来创建条形,并且使用渐变和背景给予B颜色-cl ..
发布时间:2017-02-07 17:47:06 前端开发

CSS框阴影周围三角形

我需要使用简单的html和CSS创建一个带阴影的三角形。回答另一个stackoverflow问题,我能够创建带有斜角边框的三角形。基本上,我创建一个框有一个非常宽的边框和附近一边有一个宽的透明边框的一面: div.triangle { border-bottom:60px solid transparent; border-left:60px solid black; } ..
发布时间:2017-02-07 16:55:39 前端开发

让一个div看起来好像底部的左右角落使用框阴影抬起页面一点?

有没有人知道如何做这个教程,或有人有一个小例子吗? 示例: http://hazelmade.com/projects。 html 解决方案 这个没有图片的CSS阴影效果演示页面显示可以不使用图片。它依赖于CSS3支持,特别是 box-shadow 和 transform ,但这是从纯CSS解决方案。 此技术的完整详情可以是在Nicolas Gallagher的主要文章中找到。 ..
发布时间:2017-02-07 16:06:11 前端开发

CSS阴影所有四边的div

我想在CSS中实现这一点 - 不是CSS3,因为我希望它被所有浏览器支持 即包含内容的div,每侧都有阴影。顶部区域将用于导航。我已经搜索教程,但迄今为止没有效果。帮助! 解决方案 As Ventus说不可能使用css shadows with ie(only ie9)。但您可以使用 shadowOn 。这是一个伟大的jquery插件,非常容易使用。有了它,您将具有跨浏览器兼容性。 ..
发布时间:2017-02-06 12:27:33 前端开发

防止箱子阴影显示在特定的一面

有没有办法创建一个css box-shadow,其中不管模糊值,阴影只出现在所需的边? 例如,如果我想要创建一个在左侧和右侧有阴影的div,在顶部或底部没有阴影。 div不是绝对定位的,其高度由内容决定。 - 编辑 - @ricebowl:我感谢你的答案。也许你可以帮助创建一个完整的解决方案,以解决我的回复您的解决方案中指出的问题...我的页面设置如下: ..
发布时间:2017-02-04 21:54:21 前端开发

等效于IE中的文本阴影

我在我的CSS: body.transparent { background-color:transparent; color:#ffffff; text-shadow:0 -1px#000,1px 0#000,0 1px#000,-1px 0#000; } body.transparent a { text-shadow:none; } 但它不能在I ..
发布时间:2017-02-04 17:10:08 前端开发