CSS3 Polaroid Gallery
Postado por: Pedro Rogério em
Se você quer uma forma interessante de mostrar seu portfolio, criei esse exemplo de uma galeria com efeito Polaroid usando CSS3, em conjunto com o plugin jQuery Masonry.
As imagens utilizadas nesse experimento foram retiradas do site FFFFOUND!
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.
Pedro,
portfólio e não portifólio. Aliás, ótimo link. abs
Opsss, foi mal, já arrumei.
nenhuma das maneiras citadas estão certas mesmo. Este acento não existe.
Pow bacana vou usar nos meus projetos.
Esse código tem um defeito.
Se clicar numa imagem e antes dela abrir, ou seja enquanto está aquela rodinha às voltas você clicar na zona preta para sair a bolinha continua a carregar e depois amostra a imagem sem a área preta à volta
E tirando isso está óptimo!
Da ultima vez comentei aqui http://www.cssnolanche.com.br/youtube-lightbox-gallery/ que queria utilizar aquele código para um portefólio, e é igual a este efeito que está aqui o que eu queria mas no outro, ou seja o efeito da carregar e aparecer a zona preta.
Legal.. O chato é o IE8 não suportar sombras.
@rodrigo, é verdade! O negócio era fechar apenas ao clicar na imagem.
Olá Pedro, não conseguir deixá-la do jeito que você fez, não sei se fiz algo errado, ou se não é compatível com o blogger.
Tem como me ajudar?
Abraço
Muiito simples e leve, testei e deu certo aqui