Cubo 3D com CSS
Postado por: Pedro Rogério emVocê sabia que pode criar um cubo 3D utilizando modernas técnicas de CSS, sem a utilização de JavaScript, canvas, imagens ou SVG? Utilizando a propriedade transform e skew você pode criar cubos para formar um objeto 3D. Atualmente essa funcionalidade só funciona em browsers baseados no motor de renderização Gecko, especificamente no Firefox 3.5+, utilizando -moz-transform, e no Safari 3.2+, que utiliza Webkit, através de -webkit-transform.
Se você utiliza algum desses browsers, veja esse exemplo que preparei. Se você quer aprender a desenvolver um cubo semelhante a esse, basta dar uma olhada no tutorial que Paul Hayes desenvolveu.
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.
Poxa sacanagem vou ter que esperar até o FF 3.5 pra conseguir ver
O Safari não usa Gecko, mas Webkit.
@Robson Sobral,
Desculpe pelo erro, não me atentei a uma vírgula e ficou parecendo uma coisa só. Abraços.
Aí galera divirtam-se:
http://pt-br.www.mozilla.com/pt-BR/firefox/all-beta.html
Valeu pela dica. Ainda não tinha visto nada igual.
q pena q não funciona no M$ IE!