em
CSS3 Perspective Carousel

CSS3 Perspective Carousel

CSS3 Perspective Carousel

Eu e Marco Bruno desenvolvemos inicialmente esse carousel para um produto da Locaweb. Para que o mesmo tivesse essa forma utilizamos CSS3 Transform, Rotate e Transtitions e jQuery para efetuar a troca das classes nos elementos HTML assim que o usuário efetuasse o clique nas setas da direita ou esquerda.

Funciona bem nos browsers que possuem suporte a tal tecnologia, nos IE’s menores que 10 as transições não ocorrem via CSS pois o mesmo não possui suporte a tal feature, ou seja, a troca de classes no HTML ocorre de forma rígida. Também utilizei jQuery 1.10.* para esses browsers já que os mesmos não possuem suporte a jQuery 2.0.

Dê uma olhada no carousel em funcionamente aqui. Coloquei o projeto no Github, faça o download do mesmo e fique a vontade para utilizar onde quiser. Sugestões de melhoria sempre serão bem aceitas.

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>