Tendencias na web e novas tecnologias

Existem algumas maneiras de criar efeitos de animação simples usando apenas o CSS. Vamos mostrar como criar um desses efeitos que pode vir a se tornar algo muito útil em seu dia a dia, uma vez que várias pessoas recorrem a outras técnicas que carregam um pouco mais o seu site.

Então, mãos à obra.

Estrutura do HTML

Primeiro vamos criar uma estrutura simples de HTML.

<div class="rollover-effect">
    <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
    condimentum. In volutpat. Vestibulum elit. Aenean eget enim vitae
    tellus bibendum pellentesque. Sed at est. Example Text, Lorem ipsum
    dolor sit amet, consectetur adipiscing elit.</span></div>

Leia o resto deste post »