2010/01/16

Efeito Polaroid em CSS

Quando visitam uma página web como esta, a primeira impressão será de que se trata de uma página feita em Flash.


As fotos movem-se quando movimentam o rato por cima delas, de forma dinâmica. No entanto, um olhar mais atento revela que... não; é tudo feito unicamente com HTML e CSS. (Claro que convém utilizarem um browser que reconheça estas propriedades CSS avançadas - ou seja, qualquer coisa excepto o IE! ;)

Quer precisem de utilizar as animações CSS ou apenas dar um pouco de estilo às vossas fotos com este efeito Polaroid, podem descobrir como o fazer seguindo este interessante tutorial sobre transições CSS.

E se isso não vos chegar, têm aqui mais alguns excelentes tutoriais sobre CSS3.

Publicado por Carlos Martins às 11:39


3 comentários:

  1. Adão Pinto16/1/10 18:12

    Não imaginas o sentido de oportunidade deste post.
    Foi mesmo espectacular, porque neste momento estou a fazer um projecto em que há a necessidade de apresentar imagens de uma forma agradável.
    Muito obrigado

    Só uma nota:
    Amigo Carlos, cada vez te vejo em mais e bons projectos. Será que não está na hora de avançares para um www.carlosmartins.com e juntar tudo num super website? :)

    Parabéns pelo teu trabalho.

    ResponderEliminar
  2. Carlos Martins17/1/10 14:44

    @Adão

    Ainda bem que achaste útil! :)

    O site carlosmartins.com já foi apanhado, e pedem uns milhares de dólares por ele.

    Tenho o carlosmmartins.com e já não é mau... :)
    De momento apenas redirecciona para aqui, mas não está mal pensado criar uma página onde apareçam listados os projectos todos... Boa ideia. :)

    ResponderEliminar
  3. (``-_-´´) -- BUGabundo17/1/10 14:54

    Carlos um viewfinder dos outros blogs, e as feeds.
    isso dava jeito. algo tipo noserub. ainda consegues por a tua GReader e twitter, e fotos

    ResponderEliminar

Subscrever: Enviar feedback (Atom)