Efeito raio-x com CSS

Postado por: Pedro Rogério em

A cada dia eu me surpreendo com o que as CSS são capazes de fazer, dando uma olhadinha por aí, descobri um efeito de raio-x com CSS, é usado basicamente a propriedade background-attachment do CSS2. Basicamente são usadas 3 imagens na mesma posição, e as CSS se encarregam de fazer a mágica. Você pode dar uma conferida no efeito aqui.

Atenção: No IE o efeito não fica correto, agora no Opera, Firefox e Safari ele fica OK

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 Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.

7 Responses to “Efeito raio-x com CSS”

  1. Evandro disse:

    Muito legal esse efeito !

  2. Juan disse:

    “No IE não fica correto”

    Quero saber quando que este blog dirá algo que ainda não sabem :P
    xD

  3. icaro disse:

    E como ki fas pra colocar as 3 fts em um lugar só?

  4. Anônimo disse:

    Não abree!

  5. Cronychles disse:

    O link está quebrado… ¬¬

Leave a Reply