Ajax Loader
×

CSS Shadows on Only One or Two Sides/Edges

Sometimes, we want to create shadows on a block element like a div or section or something else to only one edge, or maybe 2 edges. Left/Right or Top/Bottom.

It can be quite tricky, so let me just show you how to do it with CSS3 box shadows!

Note: box-shadow is not supported in Internet Explorer 8 and below.

Related:


    Warning: Invalid argument supplied for foreach() in /var/www/cssdeck.com/app/modules/labs/views/_details.php on line 68
×

Coding Preferences


HTML

CSS

Javascript

More

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript

    CSS Shadows on Only One or Two Sides/Edges

    CSSDeck G+