Shadow Hero

Set your Shadow Hero box config:

Horizontal offset (displacement):

px

Vertical offset (displacement):

px

Blur intensity:

px

Spread intensity:

px

Shadow color:

Opacity:

Inner shadow (inset):

Shadow Hero Preview:

These are your rules:

box-shadow: ;

-webkit-box-shadow: ;

-moz-box-shadow: ;

Click the area above to copy the current rules

Set your Shadow Hero text config:

Horizontal offset (displacement):

px

Vertical offset (displacement):

px

Blur intensity:

px

Shadow color:

Opacity:

Shadow Hero Preview:

What does the "S" on your chest stand for?

These are your rules:

text-shadow: ;

-webkit-text -shadow: ;

-moz-text -shadow: ;

Click the area above to copy the current rules

Set your Shadow Hero filtering config:

Drop-shadow effects:

Horizontal offset (displacement):

px

Vertical offset (displacement):

px

Blur intensity:

px

Shadow color:

Contrast intensity:

%

Brightness intensity:

%

Grayscale intensity:

%

Hue-rotation:

deg

Opacity:

Saturation intensity:

%

Sepia intensity:

%

Shadow Hero Preview:

These are your rules:

filter: ;

-webkit-filter: ;

-moz-filter: ;

Click the area above to copy the current rules