loading...



Texto 3D em CSS3, mesmo para quem não percebe nada de CSS.



MY CODE BOX

Para copiar o código clicar no ícone abaixo
.text-example-one {
  text-shadow:1px 0 #eee,0px 1px #ccc,2px 1px #eee,1px 2px #ccc,3px 2px #eee,2px 3px #ccc,4px 3px #eee,3px 4px #ccc,5px 4px #eee,4px 5px #ccc,6px 5px #eee,5px 6px #ccc,7px 6px #eee,6px 7px #ccc,8px 7px #eee,7px 8px #ccc,8px 8px #eee;
  font-size:100px;
  color:#999;
}


MY CODE BOX

Para copiar o código clicar no ícone abaixo
.text-example-two {
  font-family:Arial,sans-serif;
  line-height:1em;
  color:#14c3ea;
  font-size:100px;
  text-shadow:0 0 0 rgb(-1,174,213),1px 1px 0 rgb(-22,153,192),2px 2px 0 rgb(-43,132,171),3px 3px 0 rgb(-64,111,150),4px 4px 0 rgb(-85,90,129),5px 5px 0 rgb(-106,69,108),6px 6px 0 rgb(-127,48,87),7px 7px 0 rgb(-148,27,66),8px 8px 7px rgba(0,0,0,0.3),8px 8px 1px rgba(0,0,0,0.5),0px 0 7px rgba(0,0,0,.2);
}


MY CODE BOX

Para copiar o código clicar no ícone abaixo
font-family:Arial,sans-serif;
  line-height:1em;
  color:#14c3ea;
  font-size:100px;
  text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);
}


Tão fácil como entrar no site 3D CSS Text; Aqui.




0 comentários :

Enviar um comentário