Arquivos de Tag: Efeitos

Efeito Carregando Falso em CSS

Gerador de Sprites CSS

Esse efeito de "Carregando" é muito simples. Tudo que você precisa fazer é definir como background de uma div um gif de loading.

Enquanto a imagem que estiver dentro da div não for carregada, será exibido o gif de fundo.

Um bom site para gerar esses loadings.gif seria o Ajax Load. Leia Mais »

Efeito degradê CSS3

Gerador de Sprites CSS

O efeito degradê é muito usado nos sites em que o desenvolvedor quer transmitir leveza no seu layout. Degradê nada mais é que a transição suave entre as cores. Se antes você provavelmente usava imagens de fundo para fazer esse efeito, com o CSS3 você tem a vantagem de tornar o documento muito mais leve do que se utilizasse uma imagem, gerando ainda mais performance ao seu site. A desvantagem é que existe uma variação do resultado de navegador para navegador.

A sintaxe é simples, basta configurar o atributo background, de acordo com o tipo de navegador, usando o comando -gradient. É possível também configurar as direções do efeito e as cores usadas. Leia Mais »

Seleção colorida para sites (todos os navegadores)

Para sites cole no seu arquivo de estilos ou dentro da seção de CSS. Para Blogs/Tumblr cole no Html do seu template.

Funciona em qualquer navegador.

A cor #FF8C00 é laranja mas você pode trocá-la para qualquer outra. Cuidado com o contraste entre a cor de fundo e a cor do texto selecionado, para que este permaneça legível.
Leia Mais »

Altere as imagens do background automaticamente com Javascript

Com este código é possível criar um efeito incrível que altera as imagens de background da página automaticamente. No código o tempo de transição está pré-configurado para 3 segundos porém é fácil de alterar. Outra alteração que se faz necessária é inserir o endereço das imagens no array images. Basta substituir o texto ENDERECO DA IMAGEM pela URL completa da imagem. Leia Mais »