The best way to create a shadow is to use a 9patch image as the background of the view (or a ViewGroup that wraps the view). The first step is to create a png image with a shadow around it. I used photoshop to create such an image. Its really simple. Create a new image … Read more
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
Yes, you can use the shadow spread property of the box-shadow rule: .myDiv { border: 1px solid #333; width: 100px; height: 100px; box-shadow: 10px 0 5px -2px #888; } <div class=”myDiv”></div> The fourth property there -2px is the shadow spread, you can use it to change the spread of the shadow, making it appear that … Read more
I know that this question is very old and probably the author doesn’t need the answer anymore. I’ll just leave it here so others can find it. Lollipop’s elevation system doesn’t support colored shadows. But, if you need colored shadows, it’s possible to get them using Carbon. It’s a kind-of support library for Material Design … Read more
If you set clipsToBounds to true, this will round the corners but prevent the shadow from appearing. In order to resolve this, you can create two views. The container view should have the shadow, and its subview should have the rounded corners. The container view has clipsToBounds set to false, and has the shadow properties … 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
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
put these in values/colors.xml <resources> <color name=”light_font”>#FBFBFB</color> <color name=”grey_font”>#ff9e9e9e</color> <color name=”text_shadow”>#7F000000</color> <color name=”text_shadow_white”>#FFFFFF</color> </resources> Then in your layout xml here are some example TextView’s Example of Floating text on Light with Dark shadow <TextView android:id=”@+id/txt_example1″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:textSize=”14sp” android:textStyle=”bold” android:textColor=”@color/light_font” android:shadowColor=”@color/text_shadow” android:shadowDx=”1″ android:shadowDy=”1″ android:shadowRadius=”2″ /> Example of Etched text on Light with Dark shadow <TextView … Read more
I’ve been playing around with shadows on Lollipop for a bit and this is what I’ve found: It appears that a parent ViewGroup‘s bounds cutoff the shadow of its children for some reason; and shadows set with android:elevation are cutoff by the View‘s bounds, not the bounds extended through the margin; the right way to … 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