CSS3 Stitched Border

by muthu 2013-12-17 11:56:53

CSS3 Stitched Border

------------------------------------------ DEMO ------------------------------------------
stitched.jpg
------------------------------------------ CSS3 ------------------------------------------

p { width:500px; padding:5px 10px; margin:10px; background:#039cce; color:#fff; font:18px Arial, Helvetica, sans-serif;
line-height:1.3em; border:2px dashed #fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
-moz-box-shadow:0 0 0 4px #007196, 2px 1px 4px 4px #007196; -webkit-box-shadow:0 0 0 4px #007196, 2px 1px 4px 4px #007196;
box-shadow:0 0 0 4px #007196, 2px 1px 6px 4px #007196; text-shadow:-1px -1px #007196; }

------------------------------------------ HTML5 -----------------------------------------

<p>There are many visual effect possibilities we can achieve with CSS,
There are many visual effect possibilities we can achieve with CSS,
There are many visual effect possibilities we can achieve with CSS,
There are many visual effect possibilities we can achieve with CSS
</p>
803
like
0
dislike
0
mail
flag

You must LOGIN to add comments