CSS3 3D Box Shadow
Postado por: Pedro Rogério em
Você quer dar um up na forma que mostra seu portifólio em seu site? Utilize CSS3 para isso. Utilizando box-shadow e as pseudo-classes :after e :before você pode conseguir um efeito tridimensional nas sombras que envolvem as imagens, e o resultado final é bem elegante, como você pode ver nesse exemplo.
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o CSS no Lanche também escreve para o Pinceladas da Web, blog com assuntos gerais sobre desenvolvimento web.
Muito bom… pena que no IE não funciona…
Show de bola! Ficou 10 o design. Valeu pela dica. Parabéns pelo site.
Bom o site, legal…
Odirlei, você ja viu algo que funcione em IE?
E quando funciona geralmente usa gambiarra para fazer funcionar,e dale dor de cabeça…?
Abraços.
Psio: infelizmente existe o IE, pq sem ele, td seria mais facil na web…
Novamente, bom tutorial
transform: rotate; e a brincaderia fica mais divertida.
Enquanto os desenvolvedores derem suporte as versões ultrapassadas do ie, os hacks nunca deixarão de existir.
no ie9 ficou bacana o efeito, estava vendo em outros navegadores no ff o suporte é a cima de ff4.
Ainda é mais garantido fazer esse efeito no photoshop, mas é muito bom saber que a css esta nesse nível.
ficou muito bom o modelo de portifólio. abraço.
Muito bom , adorei mesmo!
Ai gente nem preciso dizer que o IE não é navegador é um Karma para todos os webdesigns!