: Drop shadow for menu header in css I have a menu header.... The drop shadow effects of it as present in the adobe photoshop are: Blend Mode: Multiply Opacity: 0.25 (25%) Distance: 3px Spread:

I have a menu header....

The drop shadow effects of it as present in the adobe photoshop are:

Blend Mode: Multiply
Opacity: 0.25 (25%)
Distance: 3px
Spread: 15%
Size: 9px
Color: #282829

I am trying to use the above code in my CSS for my menu header (adove) but unfortunately for some reasons I am unable to replicate it. The code which I am using for the menu header are:

position: relative;
top: -890px;
background-color: rgba(0, 0, 0, 0.5);
height: 89px;
border-bottom: 3px so

10.01% popularity Vote Up Vote Down

: Indesign API built-in events paragraph-style Does Indesign trigger any events when a paragraph style object does change? Or is there any built in javascript functionality that can observe an object?

@Angela777

Posted in: #AdobeIndesign #IndesignScripting

1 Comments

: How to create a illusion of depth? (some kind of clipping mask between two object) I have a circle object and a fish object. Now, the fish is half-way through the circle so head should be

@Angela777

Posted in: #AdobeIllustrator #ClippingMask #Mask #Opacity #Transparency

1 Comments

: How to scale down an image and lower resolution in Pshop CS3? How do I scale down a large high res photoshop image to thumbprint size @ lower the resolution? I have Photoshop CS3. thank you,

@Angela777

Posted in: #AdobePhotoshop #HowTo

1 Comments

: How to make an acrylic blur using gaussian blur in Affinity Designer I am using Affinity Designer and it lacks an acrylic blur feature. Is there any way to create an acrylic blur using a

@Angela777

Posted in: #AffinityDesigner #Blur

3 Comments

Login to post a comment!

1 Comments

Sorted by latest first Latest Oldest Best

@Caterina889

box-shadow: 0 3px 9px 3px rgba(40,40,40,0.25); --

0 (no offset horizontal) - 3px (3px offset vertical) - 9px (size) - 3px (blur amount) - 40,40,40 (#282829) - 0.25 (25% opacity)

--> jsfiddle <--

The odd part is the spread. The 4th value in box shadow should account for spread but it'll work backwards.. so in this case 3px would equate to 6px spread or 2/3

To be perfectly honest, maybe it's my eyes, but I see no drop shadow in your image.

10% popularity Vote Up Vote Down

Feed

: Drop shadow for menu header in css I have a menu header.... The drop shadow effects of it as present in the adobe photoshop are: Blend Mode: Multiply Opacity: 0.25 (25%) Distance: 3px Spread:

More posts by @Angela777

: Indesign API built-in events paragraph-style Does Indesign trigger any events when a paragraph style object does change? Or is there any built in javascript functionality that can observe an object?

: How to create a illusion of depth? (some kind of clipping mask between two object) I have a circle object and a fish object. Now, the fish is half-way through the circle so head should be

: How to scale down an image and lower resolution in Pshop CS3? How do I scale down a large high res photoshop image to thumbprint size @ lower the resolution? I have Photoshop CS3. thank you,

: How to make an acrylic blur using gaussian blur in Affinity Designer I am using Affinity Designer and it lacks an acrylic blur feature. Is there any way to create an acrylic blur using a

Login to post a comment!

1 Comments

Back to top | Use Dark Theme