Archivo por días: 5 junio, 2016

Círculos con animación parallax Css

 en css  Etiquetado animacion / circulos / codepen / parallax por

Esta es una animación completamente en css, no utiliza javascript, aunque está escrita en Haml y Scss, se puede ver también la versión compilada en simple html y css. Estos círculos contienen una pequeña animación que se ejecuta al posicionar el cursor sobre ellos, dando un efecto parallax. Es una manera muy eficiente de realizar una animación y como no se está ejecutando todo el tiempo, no consume ningún tipo de recursos y se puede utilizar en conjunto con otras animaciones. Pueden ir al enlace original: http://codepen.io/jcoulterdesign/pen/OMOqjy

Fondo con animación Css – Js

 en css / JavaScript  Etiquetado animacion / codepen / fondo animado por

Este es un fondo animado de burbujas o partículas, utilizando css para la estructura y los gradientes, mientras que se usa enteramente javascript para realizar cálculos para la animación y generación de partículas que se esparcirán por el fondo. Es basado en canvas de html5, así que se necesita de los navegadores actuales que lo soporten. Una ventaja de hacer animaciones en javascript, es que se mantiene un estándar que soporta varios navegadores, en cambio sí usaran ccs3, estaría limitado a los navegadores que lo soporten. Sin importar que tecnología utilicen, las animaciones generadas de esta manera tienden a ser […]