Efectos con transiciones de bordes CSS3

Hace apenas unos años el solo hecho de pensar en realizar una animación para un sitio web era sinónimo de necesitar de Adobe Flash, hoy en día esta tecnología se encuentra en un estado prácticamente obsoleto. No obstante las animaciones se pueden realizar perfectamente utilizando otras tecnologías, mejores a mi entender, un claro ejemplo de esto es lo que podemos lograr utilizando simplemente CSS3.

Un excelente ejemplo de animaciones logradas con CSS3 es este proyecto subido a The Code Player, en donde podremos ver como utilizando unas simples transiciones de bordes podemos animar un pequeño elemento, logrando un excelente efecto con apenas unas lineas de código CSS.

CSS3 border transicion efecto

En el sitio del proyecto pueden encontrar un ejemplo para ver el resultado que se obtiene al implementarse estas fantásticas transiciones CSS3.

Si bien estos efectos CSS3 todavía no están disponibles para todos los navegadores a nivel aprendizaje es un excelente recurso, inclusive les recomiendo utilizar la potencia de The Code Player para reproducir el proyecto, excelente para observar paso a paso como se logran estos magníficos resultados, algo muy parecido a ver un video tutorial pero sin los agregados molestos y demoras que conlleva ver un video completo.

Web: The Code Player

Categorizado en: