Se inveja matasse, eu morreria num instant.js
CSS, Javascript | 5 Comentários »por Ricardo José Corrêa
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”.
Leia também:
- Imagem com borda arredondada – Método PNG
- Color Scrollbars: barra de rolagem colorida no IE
- JQuery para Designers
Você pode deixar um comentário, ou trackback de seu próprio site.
junho 22nd, 2007 at 18:48
Mó Lindu… mas não aparece no meu monitor estourado
dezembro 22nd, 2007 at 6:47
Quando tento aplicar, a foto insiste em ficar borrada. Tem alguma explicação?
Obrigada pela dica mesmo assim.
janeiro 16th, 2008 at 17:08
Perfeito!
Esse vai para o del.icio.us!
março 13th, 2008 at 15:54
Muito bom
Muito loco
Ótimo
Obrigado pela dica
maio 3rd, 2008 at 13:15
Já tinha usado esse script, da um efeito muito bonito.