CSS3 Multiple Border

by muthu 2013-12-17 12:03:11

CSS3 Multiple Border
------------------------------------------ DEMO ------------------------------------------------
Multiple_borders.jpg
------------------------------------------ CSS3 ------------------------------------------------

#borders { position:relative; z-index:1; padding:30px; border:5px solid #f00; background:#ff9600; }
#borders:before { content:""; position:absolute; z-index:-1; top:5px; left:5px; right:5px; bottom:5px; border:5px solid #ffea00; background:#4aa929; }
#borders:after { content:""; position:absolute; z-index:-1; top:15px; left:15px; right:15px; bottom:15px; border:5px solid #00b4ff; background:#fff; }

------------------------------------------ HTML5 -----------------------------------------------
<div id="borders"></div>
870
like
0
dislike
0
mail
flag

You must LOGIN to add comments