Efecto fade diagonal con jQuery

Diagonal Fade es un pequeño plugin jQuery, de apenas 4kb en su versión comprimida, que podemos utilizar para animar de una manera muy simple nuestros sitios web.

Con este plugin, y en pocos minutos, vamos a poder lograr excelente efectos de fade-in y fade-out con tan solo pasarle por parámetros el identificador del contenedor.

En el sitio oficial pueden encontrar una demostración.

fade diagonal jQuery

Un ejemplo de instalación y utilización de este plugin podría ser el siguiente:

$("#container").diagonalFade({
	time: 100,
	fadeDirection_x: 'left-right', // "left-right" || "right-left"
	fadeDirection_y: 'top-bottom', // "top-bottom" || "bottom-top"
	fade: 'out',                   // "in" || "out"
	complete: null                 // callback function
});

El plugin es simple, pero puede ser muy útil en casos específicos. Algo positivo es que en ningún momento tenemos que indicarle la cantidad de elementos ni el tamaño de los mismos, todo este proceso lo realiza de forma automática el plugin.

Web: Diagonal Fade

Categorizado en: