草庐IT

drop-shadow

全部标签

html - 将 box-shadow 添加到 :after pseudo element

我有一个名为.testimonial-inner的div并使用:after伪元素我有一个位于其下方的箭头指向下方。我遇到的问题是给它添加一个盒子阴影,这样它们看起来就像一个自然元素。三Angular形上没有box-shadow:body{background:#eee}.testimonial-inner{background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:30px;display:block;margin-bottom:25px;position:rela

html - 是否存在 CSS ":drop-hover"伪类?

说我有一个inputtype="file"字段。可以将文件放到此输入(就像在Firefox中一样),而不是单击“浏览”并选择文件。现在,我想对其进行一些自定义,方法是在将文件放入input时更改字段的背景颜色。我不能真正使用:hover因为即使你没有拖放它也会匹配。是否有CSS(伪类)可以做到这一点?是否有一种CSS方法可以在不接受和接受丢弃的文件时设置不同的样式?比如说,如果该字段仅接受使用accept属性的PNG文件,如果您要在其上放置PNG文件,我会将字段设置为绿色,如果是另一种类型的文件,则设置为红色。现在有CSS方法来做这些吗?在CSS中是否有计划的方法来做到这一点(比如在即

html - Bootstrap 3 容器上的 box-shadow

我正在使用Bootstrap构建一个小网站。基本结构如下所示:.row{height:100px;background-color:green;}.container{margin-top:50px;box-shadow:0010px10pxblack;/*THISdoesnotworkasexpected*/}onetwothree查看实际效果:http://jsfiddle.net/ZDCjq/现在我希望整个网站的所有4个边都有阴影。问题是,bootstrap网格使用了负边距,这使得行与阴影重叠。有没有办法在保持所有Bootstrap功能完好无损的情况下完成此操作?编辑:预期的结果

html - IE9 上的 box-shadow 无法使用正确的 CSS 呈现,但适用于 Firefox、Chrome

我正在尝试模拟一个float模式框类型的东西,但在IE9及其框阴影实现方面遇到了问题。以下是我正在使用的可能会重复该问题的代码的摘要:Samplepage.content-holder{border-collapse:collapse;}.back{background-color:#a8c0ff;padding:100px;}.inner{background-color:#fff;text-align:center;padding:50px;box-shadow:0px0px20px#000;}HeadingSometexthereMoretextAbutton它在Firefox/

ios - 由 CALayer.shadow 创建的裁剪阴影

我想在HOLLOWCGPath的OUTSIDE边缘周围添加阴影(这两个词很关键:outside+hollow:))。Apple的阴影实现只允许您进行“填充”阴影。那么……如何剪掉阴影本身的内部部分?如果它是一个渲染调用,我会调用CGContextSetClip*方法将它剪辑到我想要的位置......但我看不出你是怎么做到的,因为它既不是渲染调用,也不是CALayer本身.(我猜这是Apple将其“隐藏”为一组神奇变量的不幸结果?)注意:这仅适用于iOS-IIRC在Mac上您可以直接访问用于创建阴影的滤镜,因此您可以手动创建自己的(任意)阴影。更新:我想出如何裁剪以仅显示阴影的内部部分:

iPhone/iOS : How to implement Drag and Drop for subviews of a Scrollview?

我在UIViewController中有一个水平ScrollView,其中有许多小尺寸图像。我将图像保留在ScrollView中,因为图像更多,因此用户可以水平滚动并选择图像。但是,问题是,我必须选择一个图像并将其拖放到该UIViewControllerView。但是,由于图像在ScrollView中,将图像拖放到UIViewcontroller的View中不起作用,也无法检测到触摸事件。请注意:如果我没有ScrollView,只是将图像也保存到UIViewcontroller的View本身,将图像拖放到同一屏幕上,效果非常好出色地。当我需要ScrollView和拖放图像时,我该如何解

objective-c - Objective-C : How to add Shadow effect to navigation bar and table cells

这个问题在这里已经有了答案:关闭11年前。PossibleDuplicate:HowtouseQuartz2DtoadddropshadowtoanUIImageorUIImageView?你好,我创建了一个tableViewController并想尝试为导航栏和表格单元格添加阴影效果。谁能指导我这样做的方法?谢谢!郑和

ios - 自定义 UIPopoverBackgroundView : no drop shadow

我用过这个好tutorial创建自定义UIPopoverBackgroundView类。效果很好。唯一的问题是我没有得到典型的UIPopoverController投影,但我想要它。我尝试在我的UIPopoverBackgroundView实例层上指定它但没有成功。我的UIPopoverController实例似乎没有可操作的公共(public)View。将它添加到弹出窗口内容也不起作用。可能真的很简单:如何在使用自定义UIPopoverBackgroundView类时添加阴影?//UIPopoverBackgroundView.m-(id)initWithFrame:(CGRect)

iphone - CALayer - Shadow 会影响性能吗?

所以我在我的导航Controller上做一些自定义动画以及它推送和弹出viewController的方式。一切顺利。一旦添加以下代码(在UINavigationController的子类中),我就会面临巨大的性能损失。添加阴影后,所有动画都变得非常滞后。这是预期的还是我在代码中做错了什么?//ThiscodegetscalledonceduringNavigationControllerinitialization.[self.viewsetClipsToBounds:NO];[self.view.layersetCornerRadius:5];[self.view.layersetS

ios - iPhone iOS 无法正确显示 box-shadow

设计响应式设计中的联系表单的输入字段带有内嵌阴影和常规外阴影。请参见下图。代码input{background:#fff;height:auto;padding:8px8px7px;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:#fffsolid3px;border-radius:4px;box-shadow:0px0px5pxrgba(0,0,0,.25),inset2px2px3pxrgba(0,0,0,.2);}问题iOSv4+无法正