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…
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
1
2 3