Cubo 3D com CSS
Postado por:
Pedro Rogério 14 de maio de 2009
Você 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.
Isso pode lhe interessar:
Categorias:
CSS
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!