Para utilizar el efecto de desenfocado (también conocido como Blur) en CSS3 tan sólo necesitaremos unas pocas de líneas. Este efecto se puede aplicar tanto a imágenes, como a divs y demás elementos.   Primero tenemos que crear el archivo blur.svg con el siguiente contenido: Y ahora en nuestro archivo CSS creamos la clase blur […]

Seguramente en muchas webs de Streaming de video podréis ver que tienen un botón u opción para poner el fondo de la página en negro y resaltar el reproductor de video, a esto se le conoce como apagar y encender las luces del sitio web en cuestión. Pues bien, utilizando CSS, jQuery y HTML vamos […]

Hoy vamos a aprender a utilizar el evento .scroll de jQuery, así como animar el desplazamiento de la página de un lugar a otro con un bonito efecto. Lo primero incluimos la librería jQuery: Para animar el desplazamiento de la página, utilizamos el siguiente código; Lo que hace este código, es obtener la posición de […]

InnerFade Un bonito efecto de transición que podemos aplicar tanto en imágenes como en textos. jQuery Easing Plugin Este plugin de Jquery contiene bastantes efectos interesantes. HighlightFade Cambios de escala y algunos efectos interesantes. jQuery Cycle Plugin Varias transiciones: verticales, horizontales, etc. Dynamic Page / Replacing Content Un elegante menú con algunas transiciones animadas al […]

Tanto Google y Mozilla, tienen extensiones para sus navegadores que utilizan animaciones simples pero elegantes para mejorar la página. Una de las extensiones utilizadas por Google es un básico margin-top para cambiar entre los dos paneles: un panel gráfico y un panel de detalles. HTML CSS Jquery Ver ejemplo