Questions tagged [drop-shadow]
35 questions
1
vote
2 answers
Change drop-shadow with Javascript without jQuery
I want to add the style -webkit-filter: drop-shadow(5px 5px 5px #222); in JavaScript without jQuery.
I want create a shadow for png transparent image duration with CSS transform.
This code is not working correctly:
var scscsc =…
AMir Sirati
- 39
- 6
1
vote
1 answer
Apply filter after transformation
I have a transparent .png image of crossing lines. If the drop-shadow CSS filter is applied, only the lines drop shadow, not the bounding rect (it's not the same as box-shadow).
When I apply both drop-shadow filter and transform: rotate, Chrome and…
noober
- 4,819
- 12
- 49
- 85
1
vote
2 answers
CSS is producing a box shadow not a drop shadow
I have the image below and have written code in an external style sheet so that when you rollover the image it creates a drop shadow, however it is only creating a box shadow. The code I am using is:
.Pick:hover {
-webkit-filter:…
James Novis
- 343
- 5
- 15
1
vote
2 answers
CSS drop-shadow on hover not removing completely on mouse out using Chrome
I have a drop-shadow effect on hover in some transparent png's on my site, but the shadow is not removing completely when the mouse leaves the image (and also is not working at all in Safari and Firefox but that will be another question)
This is the…
yenssen
- 1,171
- 2
- 23
- 37
1
vote
0 answers
How do I prevent an image's css-filter-drop-shadow from showing up when a div is on top of it?
I am laying a rectangular div on top of a down-arrow image so that only a triangular piece peeks out (I did this by setting the rectangle's z-index to 100 and the arrow's z-index to -100). When I add a drop-shadow to the down-arrow image, I expect…
myom
- 135
- 2
- 16
1
vote
0 answers
Aero drop - shadow on a borderless form?
I tried the following code to override the CreateParams.
protected: virtual property System::Windows::Forms::CreateParams^ CreateParams
{
System::Windows::Forms::CreateParams^ get() override
{
…
Hemendra Sharma
- 1,063
- 9
- 21
0
votes
1 answer
How to add a one pixel drop shadow around main nav link along with the entire sub-nav dropdown?
I am using drop-down menus with my main navigation links and need to add a one pixel drop-shadow around everything (the current nav button/link (that has rounded corners using border-radius) and the entire sub-nav element that drops down).
I've…
Cofey
- 11,144
- 16
- 52
- 74
0
votes
1 answer
Firefox drop-shadow CSS hover animation not working on SVG
Codepen Example
When you hover over the logo in Chrome the animation works.
.logo_animate:hover{
-webkit-filter: drop-shadow(-1px 0px 1px #705C12) drop-shadow(-1px 0px .02px
#705C12) drop-shadow(2px 0px .02px #705C12) drop-shadow(-1px 0px…
danelig
- 373
- 1
- 4
- 18
0
votes
0 answers
Why does drop-shadow appear different?
I have two divs with the same drop-shadow effect but the outcome is different. The shadow effect appears more light on the header div, why is that?
#templateHeader {
background-color: #f5f5f5;
background-image: none;
background-repeat:…
0
votes
1 answer
svg filter on hover not working in safari & chrome
I have a US map with certain regions grouped. On hover of each region, I've applied a drop-shadow. Works great in Firefox! But in Safari, the group of svg objects disappears on hover, and in chrome, nothing at all happens. Since this is a hover…
Laura Sage
- 33
- 7
0
votes
1 answer
Android drop shadow radius
I'm working on to get a drop shadow.
The closest one I can get is to do with gradient-radius.
The code is as below:
-
Sam Zhou
- 21
- 4
0
votes
1 answer
IE issue - Drop shadows cuts image by conteiner borders
I'm having a problem with IE8. I got a ribbon IMG over another. When I drop shadow the conteiner DIV of both IMGs, absolute positioned ribbon gets cut by conteiner borders.
Here's the HTML:
![]()
…
Maskter
- 135
- 7
0
votes
2 answers
How can I edit my fixed nav-bar upon scrolling to a specific vertical position (i.e., add a drop shadow)?
I'm trying to add a drop shadow to my site's fixed navigation bar when it reaches a certain section. Can anyone explain why this isn't working?
In my .CSS,
.whiteDropShadow {
-moz-box-shadow: 0 0 10px #FFFFFF;
-webkit-box-shadow: 0 0 10px…
myom
- 135
- 2
- 16
0
votes
1 answer
apply drop-shadow like CSS3 effect in firefox
I am working on a project which uses CSS3's drop-shadow. Drop Shadow is being applied to an Image having alpha pixels as well. It works fine in Chrome. Problem arises with firefox. I want an alternative solution to it. Currently I am using SVGs to…
JayKandari
- 1,228
- 4
- 16
- 33
0
votes
1 answer
How to add a shadow effect to the ListView in the DrawerLayout?
I have a slidermenu which is generated using a listView. This Listview is placed inside a DrawerLayout. I want to add a drop shadow effect to the ListView. Can anyone tell me step by step what to do?
anu_r
- 1,602
- 7
- 30
- 61