Questions tagged [drop-shadow]
35 questions
21
votes
5 answers
Drop shadow in Winforms Controls?
is there a way to add a drop shadow to controls?
are there any controls out there with this feature?

Luiscencio
- 3,855
- 13
- 43
- 74
8
votes
1 answer
CSS: Don't apply multiple drop shadows on top of each other
Is there a way to not apply multiple drop shadows on top of each other? I am trying to use drop shadow to simulate stroke around an element. I needed to use drop shadow because I needed it to work when we had masks or images with transparent spots…

Floss
- 637
- 4
- 16
8
votes
3 answers
Best way to do this kind of drop shadow?
I have a site that will have a column of images and divs (a mix of both) that will always be the same size.
On all of these I want to add a certain kind of drop shadow (as seen here):
I've worked with CSS drop shadows but I've never seen one like…

Chris Cummings
- 1,538
- 2
- 24
- 39
7
votes
0 answers
filter:drop-shadow () not working in Chrome
I've been examining in depth the CSS filter property these days. I've written down some code just to make some tests. The following is a simple piece of code pertinent the drop-shadow filter:
HTML

GiS91
- 175
- 1
- 4
- 12
6
votes
1 answer
Issue on adding Box Shadow to SVG by CSS
can you please take a look at this demo and let me know how I can add box shadow to svg using CSS?
I already tried these
.kiwi {
fill: #94d31b;
box-shadow: 10px 10px 5px #888888;
-webkit-filter: drop-shadow( -5px -5px 5px #000 );
filter:…

Suffii
- 5,694
- 15
- 55
- 92
5
votes
1 answer
SVG with drop-shadow blurry on mobile browser
i am struggling to make work SVG icons with drop-shadow on as much as possible platforms.
I am using following simple CSS for that:
.test{
width: 14px;
height: 14px;
background-image: url("../images/test.svg");
background-repeat:…

user1786096
- 67
- 1
- 7
4
votes
1 answer
Drop shadow not showing up for TextView
I've tried the following code but the drop shadow will not show up, it just appears as regular white text.
TextView newsTitle = new TextView(mCtx);
newsTitle.setText(newsitems[position].getTitle());
newsTitle.setTextAppearance(mCtx,…

Shane
- 2,315
- 3
- 21
- 33
3
votes
1 answer
drop-shadow css filter not working with safari 9.1
drop-shadow css filter not working with safari 9.1, please suggest any possible way to solve this problem.
I have been using a class for the rendered element but the element background is not visible because of filter.
.class{
fill: #7FADC1;
…

Ritesh Kumar
- 31
- 1
- 2
3
votes
2 answers
-webkit-filter: drop-shadow for other browsers
I have a drop shadow effect that I am applying using the following css:
-webkit-filter: drop-shadow(0 1px 10px rgba(113,158,206,0.8));
Does anyone know what the equivalent for this is for the other browsers.
Please note I can't use box-shadow: 0…

Pete
- 57,112
- 28
- 117
- 166
2
votes
5 answers
How can I not show a css drop shadow on ie6?
I want to know if I can ignore my css drop shadow on ie6 without using conditional statements to filter the css.
here is my current css:
/* Drop shadow */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135,…

Dennis Martinez
- 6,344
- 11
- 50
- 67
1
vote
0 answers
Jquery Dropshadow on relative (height 80%) div element?
anybody knows if there is any form of autoReinitialise on jquery.dropshadow.js? I created a div with 80% height, and the shadow is nice. However whenever you resize the page and hence the div resizes too, the shadow keeps it's old height. The…

MikeSch
- 11
- 1
1
vote
2 answers
How can I remove drop shadow from TextInput?
I have a style sheet in my Flex Application, referenced as:
In this style sheet, I set dropShadowEnabled to true gloablly:
global {
fontSize: 11pt;
dropShadowEnabled: true;
…

Eric Belair
- 10,574
- 13
- 75
- 116
1
vote
0 answers
Alternative to drop-shadow filter for displaying shadow around custom shape
In an attempt to create shadows around custom shapes, I discovered the drop-shadow filter CSS property. However after having implemented it, I realised that it slowed the website down significantly.
I am therefore searching for an alternative to…

Jonas Mohr Pedersen
- 427
- 7
- 19
1
vote
1 answer
How to keep the color of an SVG "filter: drop-shadow()" regardless of the background?
I tried to add the red shadow around an SVG image based on the CodePen example at https://codepen.io/dudleystorey/pen/EaMQBj. However, the color turns into purple when the background color is blue. How to keep the color as red no matter what the…

Box
- 2,432
- 1
- 18
- 20
1
vote
1 answer
Decrease Box-Shadow Margin Without Changing Content Margin
I have a simple bootstrap website with the content surrounded by a drop-shadow. I am trying to place the left and right drop-shadow closer towards the window borders to make the content look less crammed. I am not wanting to increase the shadow…

oatmealNUGGY
- 775
- 1
- 6
- 22