Blog Reacción Estudio

¡Tu zona de aprendizaje!

Efecto desenfocado con CSS3

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