Got some embossing CSS for you :)

<style type="text/css">
.emboss {
border-right:5px solid rgba(0,0,0,0.8);
border-bottom:5px solid rgba(0,0,0,0.8);
border-left:5px solid rgba(0,0,0,0.6);
border-top:5px solid rgba(0,0,0,0.4);
background:rgba(0,0,0,0.25);
}
</style>
which will result in:

Embossed Element

If you want to give this style a little extra kick then add this class too:
<style type="text/css">
.shadow {
-webkit-box-shadow:0 8px 6px -6px black;
-moz-box-shadow:0 8px 6px -6px black;
box-shadow:0 8px 6px -6px black;
}
</style>

Embossed Element with a shadow


Published 6 years ago (2013-02-01 10PM)

← All Blog Posts




About Me
My picture I'm a college student, web developer, game creator, and ceo of a few companies.
I love making free things, helping make small companies a success, and getting to know new people.
Learn more about me

Content © Ethan Henderson (Zbee), 2011-2015.

DNi - Best House Music