Slideshow 3D com CSS3

Postado por: Pedro Rogério em
CSS3 3D Slideshow

Hakim El Hattab é um daqueles desenvolvedores que prefere dispensar uma boa transa e ficar produzindo experimentos complexos em HTML5 e CSS3, quem conhece o trabalho dele sabe do que estou falando. Caso você não conheça, dê uma olhada em seus trabalhos que você não vai se arrepender.

Pois bem, dessa vez, em mais uma de suas experiências, ele acabou produzindo um elegante Slideshow 3D com CSS3, isso mesmo, puro CSS, mas claro, para as interações via teclado ele usa uma miséria de JavaScript pois via CSS isso ainda não é possível ser feito. Infelizmente o Slideshow só funciona corretamente em browsers baseados no motor WebKit (Desculpa aí Firefox). Não perca seu tempo abrindo o mesmo no Internet Explorer 9, eu posto aqui uma screenshot de como o mesmo se comporta no mais avançado browser criado pela Microsoft:

CSS3 3D Slideshow no IE9

O Slideshow também funciona corretamente em dispositivos com iOS, veja a screen abaixo:

CSS3 3D Slideshow no iPhone

Se voce é usuário de iPhone ou iPad, basta acessar o link do Slideshow e tocar na tela nos lados esquerdo ou direito para trocar os slides.

Download

Posts Relacionados

Confira também outros artigos interessantes postados aqui no blog.

Gostou desse post?

Assine o nosso Feed RSS, siga-nos no Twitter, ou simplesmente nos recomende a seus amigos!

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.

5 Responses to “Slideshow 3D com CSS3”

  1. @marcosmaia disse:

    Efeito muito bonito! Testei no iphone e rodou liso.

  2. Gilbras disse:

    Filho da Put*!
    o cara manda bem pra caralho.
    Lindo!

  3. William Vilar disse:

    Corolho !
    Muito bom mesmo, rodei no meu ipad, ficou lisinho tbm, tranquilo.
    Vou estudar isso, vou fazer um site aqui parecido de teste, hihihi :3

  4. Luan Rafael disse:

    fantástico

Leave a Reply