Skip to content

Instantly share code, notes, and snippets.

@3n
Created January 21, 2010 21:00
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 2 You must be signed in to fork a gist
  • Save 3n/283188 to your computer and use it in GitHub Desktop.
Save 3n/283188 to your computer and use it in GitHub Desktop.
/* css to make <div id="new">NEW</div> into this: http://bit.ly/5sf4sq */
#new {
display:block;
width:40px;
height:30px;
padding-top:10px;
background-color:#F72F3C;
color:white;
text-align:center;
/* webkit specific styles */
-webkit-border-radius:40px; /* make it round */
-webkit-box-shadow: 0 2px 7px rgba(0,0,0,0.7); /* shadow */
border-top:1px solid rgba(255,255,255,0.5); /* faded white top border (gloss reflection look) */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF525D), to(#AA272F)); /* light-to-dark-red gradient */
text-shadow:0 -1px 0 black; /* indented text look */
-webkit-transform: rotate(14deg); /* rotation duh */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment