Esse é praticamente o mesmo código que o do emboss, mas com uma pequena diferença. Não reparou a diferença? É o seguinte: o Emboss, seria como se fosse um botão e o Pillow Emboss, seria como se fosse o botão pressionado. Dá pra usar os dois efeitos pra brincar com o hover de menus e links, fica bem legal, coloquei eles assim nos testes >> (pagina de testes)
Nos exemplos, eu usei isso como base:
.pillow { padding: 10px; color:#corfonte; text-shadow: 1px 1px #cor1, -1px -1px #cor2; font-size: 24px; }
Dá pra brincar bastante com esse efeito, deixar ele tipo transparente. Eu fiquei brincando um pouquinho com ele na página de testes, e ficou bem legal. Fica quase que transparente, como uma marca d'agua. Explicando o código:
padding: 10px; // opcional, é o espaçamento entre o texto e a margem, é bom sempre usar, pra não ficar tudo coladinho.
color:#d2d8a4; // cor da fonte, coloque a mesma cor que o bg pra melhor efeito, pra deixar ~transparente~.
text-shadow: -1px -1px #cor1, 1px 1px #cor2; // a cor1 é a cor da primeira sombra, que seria a de cima da fonte, use uma cor mais escura da que você esta usando no bg e na cor2 uma mais clara, as vezes o preto e o branco não ficam legal.
font-size: 24px; // coloquei a fonte desse tamanho porque o efeito quase não aparece em fontes pequenas, aconselho que a sua fonte seja grossa e com mais de 20px.
Bom, se gostar ou usar, curte ai!















