Category Archives: CSS

Parallax Effect

Parallax Scroll Window Offset

The saga continues.

In this second tutorial, i’ll show how to create the Parallax effect by scrolling the window.

This type of Parallax effect has a small problem, though it is quite simple to implement, if we have a website with many elements under a Parallax effect, it can be a little slow and heavy.

Continue reading Parallax Scroll Window Offset

Parallax simples e fácil

Com o evoluir da Web, o Parallax está ai.

Para ajudar os leitores nesta nova tendência, vou criar uma serie de tutoriais com vários efeitos Parallax.

Neste primeiro tutorial vou mostrar uma forma de fazer Parallax simples e fácil sem dores de cabeça, utilizando duas imagens fixas para criar o efeito de que o texto está a passar por cima e que existem várias layers no nosso site.
Continue reading Parallax simples e fácil

Background fullscreen com ou sem slideshow, plugin jquery

UPDATE: Lancei uma nova versão deste plugin, portanto o que aqui está escrito poderá não funcionar ou conter alguns erros. Para ver a nova versão siga este link: http://wp.me/p2uUrZ-2u.

Desta vez vou postar aqui um plugin para jquery que desenvolvi para utilizar nos meus projectos pessoais.

Este plugin dá-nos a possibilidade de agarrar em qualquer imagem, e de a definir como fundo para o nosso website sem existir qualquer tipo de torção da imagem, podemos também definir um array de imagens que o plugin irá percorrer e efectuar um slideshow no background com as mesmas, para alem disto, cada imagem pode estar ligada a um <div> o qual será apresentado quando a imagem correspondente estiver activa.

Continue reading Background fullscreen com ou sem slideshow, plugin jquery