Questions tagged [shadow]

Questions related to drawing or setting shadows on an object. It refers to graphical shadow in user interfaces and 3D rendering and not to be confused with conceptual shadows (copies) of an object, library, database etc.

Examples of a graphical shadow: enter image description here enter image description here

2031 questions
525
votes
13 answers

How can I add a box-shadow on one side of an element?

I need to create a box-shadow on some block element, but only (for example) on its right side. The way I do it is to wrap the inner element with box-shadow into an outer one with padding-right and overflow:hidden; so the three other sides of the…
tillda
  • 18,150
  • 16
  • 51
  • 70
334
votes
23 answers

Android "elevation" not showing a shadow

I have a ListView, and with each list item I want it to show a shadow beneath it. I am using Android Lollipop's new elevation feature to set a Z on the View that I want to cast a shadow, and am already doing this effectively with the ActionBar…
AggieDev
  • 5,015
  • 9
  • 26
  • 48
293
votes
15 answers

How can I add shadow to the widget in flutter?

How can I add shadow to the widget like in the picture below? This is my current widget code.
Mohammed Mustafa
  • 2,999
  • 2
  • 9
  • 12
229
votes
16 answers

How to remove button shadow (android)

I want to remove the shadow from the button to make it seem more flat. I have this right now: But I want this:
sousheel
  • 2,419
  • 2
  • 13
  • 8
223
votes
4 answers

Shadow Effect for a Text in Android?

Possible Duplicate: Android - shadow on text? How can i make shadow effect text in a TextView. Any Idea?
Praveen
  • 90,477
  • 74
  • 177
  • 219
123
votes
4 answers

Removing the drop shadow from a Scaffold AppBar in Flutter?

Is there a way to remove the drop shadow under the app bar (AppBar class) when using a Scaffold widget in Flutter?
Matt S.
  • 9,902
  • 6
  • 29
  • 25
123
votes
19 answers

Inner text shadow with CSS

I am currently playing around with CSS3 and trying to achieve a text effect like this (the black blurry inner shadow): But I cannot find a way to create text shadows inside the text. I wonder whether it is still possible because the box-shadow…
ericteubert
  • 4,531
  • 3
  • 31
  • 35
120
votes
10 answers

Creating a CSS3 box-shadow on all sides but one

I've got a tabbed navigation bar where I'd like the open tab to have a shadow to set it apart from the other tabs. I'd also like the whole tab section to have a single shadow (see bottom horizontal line) going up, shading the bottom of all tabs…
bloudermilk
  • 17,820
  • 15
  • 68
  • 98
119
votes
13 answers

Android View shadow

I searched around, and I could not find a proper way to do this. I want to have the following shadow effects on my views: To be honest, I do not know if this second one is done by applying shadow effect. Any ideas?
longwalker
  • 1,614
  • 2
  • 13
  • 18
109
votes
7 answers

What's the best way to add a drop shadow to my UIView

I am trying to add a drop shadow to views that are layered on top of one another, the views collapse allowing content in other views to be seen, in this vein i want to keep view.clipsToBounds ON so that when the views collapse their content is…
Wez
  • 10,555
  • 5
  • 49
  • 63
108
votes
14 answers

Swift - Problems with corner radius and drop shadow

I'm trying to create a button with rounded corners and a drop shadow. No matter how I switch up, the button will not display correctly. I've tried masksToBounds = false and masksToBounds = true, but either the corner radius works and the shadow does…
Jake
  • 13,097
  • 9
  • 44
  • 73
99
votes
10 answers

How to provide shadow to Button

As you can see in image, I want shadow behind a Button. I have created Button with rounded corners. But problem is I can't generate a shadow behind that Button. How can I achieve this?
Chintan Rathod
  • 25,864
  • 13
  • 83
  • 93
91
votes
22 answers

How to set shadows in React Native for android?

Hi am trying to set a shadow for my fab but my attempts has failed so far i tried setting shadow props but that is for ios only so i tried to play with elevation property but it doesn't look right. Here's what i tried
Ibrahim Ahmed
  • 2,295
  • 4
  • 21
  • 35
76
votes
5 answers

What is the best way to create a shadow behind a UIImageView

I have a UIImageView that I want to add a shadow behind. I wish that apple had that as a property but they have to make lots of things hard for us programmers so I need to ask this question.
Jab
  • 26,853
  • 21
  • 75
  • 114
75
votes
3 answers

SVG shadow cut off

The SVG I'm working with has a drop shadow via feGaussianBlur filter. The shadow itself is displayed properly, but gets cut off on top and bottom edges. Like so: The SVG in question is:
kangax
  • 38,898
  • 13
  • 99
  • 135
1
2 3
99 100