You need to increase the size of the filter region. <filter id=”SVGID_0″ y=”-40%” height=”180%”> works just fine. The silent defaults for the filter region are: x=”-10%” y=”-10%” width=”120%” height=”120%” – large blurs usually get clipped. (Your shadow isn’t getting clipped horizontally because your width is about 2.5x your height – so that 10% results in … Read more
There’s a better and easier way to do this. UIImageView inherits from UIView so it has a layer property. You can access the layer’s shadow properties and bam, you got a shadow. If you have the UIImageView as an IBOutlet to a nib file, you can just implement the awakeFromNib e.g. Objective-C – (void)awakeFromNib { … Read more
Adding the CSS property elevation: 1 renders shadow in Android without installing any 3rd party library. elevation is an Android-only style property available on the View elements. See: React Native Docs for the elevation style property If you’re open to 3rd party software, another way to get shadows for android is to install react-native-shadow. Example … Read more
Use this approach to get your desired look. button_selector.xml : <selector xmlns:android=”http://schemas.android.com/apk/res/android”> <item> <layer-list> <item android:right=”5dp” android:top=”5dp”> <shape> <corners android:radius=”3dp” /> <solid android:color=”#D6D6D6″ /> </shape> </item> <item android:bottom=”2dp” android:left=”2dp”> <shape> <gradient android:angle=”270″ android:endColor=”#E2E2E2″ android:startColor=”#BABABA” /> <stroke android:width=”1dp” android:color=”#BABABA” /> <corners android:radius=”4dp” /> <padding android:bottom=”10dp” android:left=”10dp” android:right=”10dp” android:top=”10dp” /> </shape> </item> </layer-list> </item> </selector> And in … Read more
The following Swift 5 / iOS 12 code shows how to set a subclass of UIButton that allows to create instances with rounded corners and shadow around it: import UIKit final class CustomButton: UIButton { private var shadowLayer: CAShapeLayer! override func layoutSubviews() { super.layoutSubviews() if shadowLayer == nil { shadowLayer = CAShapeLayer() shadowLayer.path = UIBezierPath(roundedRect: … Read more
Try this: UIBezierPath *shadowPath = [UIBezierPath bezierPathWithRect:view.bounds]; view.layer.masksToBounds = NO; view.layer.shadowColor = [UIColor blackColor].CGColor; view.layer.shadowOffset = CGSizeMake(0.0f, 5.0f); view.layer.shadowOpacity = 0.5f; view.layer.shadowPath = shadowPath.CGPath; First of all: The UIBezierPath used as shadowPath is crucial. If you don’t use it, you might not notice a difference at first, but the keen eye will observe a certain … Read more
I know this question has already been answered but I want you to know that I found a drawable on Android Studio that is very similar to the pics you have in the question: Take a look at this: android:background=”@drawable/abc_menu_dropdown_panel_holo_light” It looks like this: Hope it will be helpful Edit The option above is for … Read more
In your sample create a div inside #content with this style #content_over_shadow { padding: 1em; position: relative; /* look at this */ background:#fff; /* a solid background (non transparent) */ } and change #content style (remove paddings) and add shadow #content { font-size: 1.8em; box-shadow: 0 0 8px 2px #888; /* line shadow */ } … Read more
Looking at the AppBar constructor, there’s an elevation property that can be used to set the height of the app bar and hence the amount of shadow cast. Setting this to zero removes the drop shadow: @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text(‘My App Title’), elevation: 0, ), body: const … Read more
Here’s a little trick I discovered using the :before and :after pseudo-elements: .depth { color: black; position: relative; } .depth:before, .depth:after { content: attr(title); color: rgba(255,255,255,.1); position: absolute; } .depth:before { top: 1px; left: 1px } .depth:after { top: 2px; left: 2px } The title attribute needs to be the same as the content. Demo: … Read more