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