Reflexo em imagem com javascript
RSS feed do site?
Publicado em: 09/05/2008
Área: JavaScript
Visualizações: 2.203
Comentário(s): 0
O resultado do efeito é este:
O código para você utilizar e criar este efeito é:
<script type="text/javascript" src="reflection/reflection.js"></script>
<img src="1.png" class="reflect rheight50" alt="" />
<img src="2.png" class="reflect rheight50" alt="" />
<img src="3.png" class="reflect rheight50" alt="" />
<img src="4.png" class="reflect rheight50" alt="" />
E o reflexo de fundo pode ser em qualquer cor, vai depender da cor de fundo de sua imagem, caso seja gif ou png você poderá fazer com varias cores de fundo devido ao fato de a imagem poder ser transparente o fundo.
Você apenas indica uma classe na imagem que faz o reflexo, para alterar a altura do reflexo basta trocar o rheight50 para rheightxxx.
Abaixo está o arquivo zipado com todo o material para você estudar e testar.
Sou um profissional da área de internet, trabalho como programador, designer e desenvolvedor de sites, faz cerca de 8 anos que estou atuando na área , sendo 5 .
Todas as matérias de Nícolas Müller
- 1992 - O ano em que Bill Gates previu o futuro dos computadores
O computador terá o tamanho que você quiser. Poderá ser do tamanho da .
- Dicas para tornar seu site conhecido
Público é um item fundamental para se ter um site. De que adianta você.
- Photoshop: Aplicando tatuagem em uma pessoa
Aqui veremos como aplicar uma tatuagem a qualquer pessoa de uma maneir.
- Imagens em quebra cabeça
Veja como transformar suas imagens em quebra cabeças de uma maneira be.
- Vídeo Aula Sony vegas - Criando efeito de filme antigo
Olá pessoal, estou aqui para mais uma vídeo aula, desta vez vou mostra.
- Sistema de Login com Jquery
Aprenda a fazer um sistema de login php/mysql e javascript.
- Limitar texto em um textarea
Este artigo mostra ensina como vocês podem bloquear o número de caract.
- Criando Rollovers com JavaScript
ROLLOVER é um efeito de troca de imagens ao passar com o mouse sobre a.
- Mascará para campo hora
Hoje vou mostrar como se faz uma mascará no campo de hora em javascrip.
- O Futuro do Javascript
De repente tive esta reflexão "Qual será o futuro do javascript ?.
- Anuncie |
- Cadastro |
- Divulgue-nos |
- Fale Conosco |
- Layouts |
- Links |
- Mapa do site |
- Colunas populares |
- PageRank Checker |
- RSS |
- Vídeos
© 2005 - 2009 - Oficina da Net - v 4.0 - É proibida a reprodução parcial ou completa do conteúdo deste site sem autorização por escrito. Resolução adequada: 1024x768px.
Seja o primeiro a comentar!