Alguns scripts são tão impressionantes que nos deixam morrendo de inveja de não ser o pai da criança.

Esse é o caso do microformato instant.js, script que dá um efeito de Polaroid nas fotos (com sombra, reflexo e tudo que se tem direito).

Para fazer uso deste achado, basta colocar a classe “instant” na foto e voilà:

Simples e devastador.

No link oficial você pode aprender a utilizar esse simples microformato. Mas aqui você recebe a receita de bandeja. Anote:

Instalação:

Faça o download do arquivo instant.js e inclua dentro do seu site.

Usando:

Coloque na imagem a ser usada a classe “instant”, de dimensões mínimas de 64×64

Classes:

O princípio: inicialize a classe “instant”.

A sombra: você pode variar a opacidade da sombra controlando a classe “ishadow” - mínimo=0, máximo=100 e padrão=33.

A borda: pode-se variar a cor da borda alterando a classe “icolor” - mínimo=000000, máximo=ffffff e padrão=f0f4ff.

A inclinação: para alterar a direção da inclinação basta escolher entre as seguintes opções, “itiltleft”, “itiltnone” ou “itiltright”.

A inclusão deste post foi feita em 21 de junho de 2007, quinta-feira, às 23:49 e arquivado em CSS, Javascript. Você pode acompanhar os comentários através do nosso RSS 2.0. Você pode deixar um comentário, ou apontar este link no seu próprio site.