Ajax Loader
×

Multiple Borders with Box Shadow

Multiple Borders achieved with Box Shadow. Pretty basic stuff, but most of us probably didn't realize that this can be done with just box-shadow. This can be used to create glow effect if the box shadows are made blurred. 
As box shadows are not supported by Internet Explorer 8 and below, this effect won't be visible in these browsers.

Take a look at the code to understand what's going on.

Related:

×

Coding Preferences


HTML

CSS

Javascript

More

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript

    Multiple Borders with Box Shadow

    CSSDeck G+