fix
Matt Wing
Ran into @enjoycss today and made an awesome button in like 30 seconds. Check it out if you hate coding CSS like me!
Proceed(7)
Thanks for your like.
You've done it, haven't you?
{"sid":"eLp","rid":2,"page":"code","page_params":[],"username":"giovanna.favata"}
Skip
Next

We'll add only required prefixes
for browsers you gonna choose,
based on data from caniuse.com
4+
4+
9+
10.5+
4+
5.0+
2.1+
7+
Hide default rules
Copy to clipboard
HTML
<div class="retro">Se ti dico RADIO MOSCOW pensi a...</div>
<link async href="http://fonts.googleapis.com/css?family=Anton" data-generated="http://enjoycss.com" rel="stylesheet" type="text/css"/>
Copy to clipboard
CSS
LESS
SCSS
.retro {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0 auto;
  border: 19px solid;
  font: normal 50px/normal "Anton", Helvetica, sans-serif;
  color: rgb(112, 112, 112);
  text-align: center;
  text-transform: uppercase;
  -o-text-overflow: clip;
  text-overflow: clip;
  letter-spacing: 10px;
  background: rgb(0,0,0);
  -webkit-box-shadow: 0 0 9px 4px rgba(0,0,0,0.5) inset, 0 0 9px 4px rgba(0,0,0,0.5) , 3px 3px 4px 0 rgba(0,0,0,0.4) , 5px 5px 8px 2px rgba(0,0,0,0.5) inset;
  box-shadow: 0 0 9px 4px rgba(0,0,0,0.5) inset, 0 0 9px 4px rgba(0,0,0,0.5) , 3px 3px 4px 0 rgba(0,0,0,0.4) , 5px 5px 8px 2px rgba(0,0,0,0.5) inset;
  text-shadow: 4px 4px 0 rgb(238,238,238) , 6px 6px 0 rgba(68,65,65,1) ;
  -webkit-transform: rotateX(-2.8647889756541165deg) rotateY(1.1459155902616462deg)   ;
  transform: rotateX(-2.8647889756541165deg) rotateY(1.1459155902616462deg)   ;
}