Magic.css: animaciones CSS3 con esteroides

Hace casi un año que Christian Pucci de Italia presentó su proyecto de hoja de estilo Magic.css. Magic.css te permite crear animaciones CSS3 con efectos especiales. El año pasado, Christian, mejor conocido como miniMac, solo mostró un puñado de efectos. Hasta el día de hoy, este número ha aumentado a 55. Todos los efectos vienen en una sola hoja de estilo, prefijada para todos los navegadores modernos. Magic.css se publica bajo los términos de la licencia MIT y se puede utilizar libremente.

Magic.css: mucho movimiento en su sitio web

Las animaciones CSS3 están llegando, pero aún no están realmente allí. Hace solo unos días, le presentamos una completa guía de bolsillo para principiantes sobre animaciones CSS3. Considere leerlo, si quiere ponerse en marcha. El siempre creciente Magic.css de Christian Pucci reduce aún más el umbral para comenzar, entonces, ¿por qué no hacer que esas cosas vuelen, floten y giren?

De media docena de efectos en 2013, el proyecto ha crecido a 55 efectos en la actualidad. Además de agregar efectos, también puede controlar sus parámetros relacionados con el tiempo. Los efectos se controlan mejor con cualquier solución de JavaScript, por ejemplo, jQuery.

Una demostración separada le permite ver todos los efectos posibles, aunque la visualización no es muy impresionante. Una pequeña imagen de un diamante frente a un fondo rojo se mueve dentro o fuera de un marco rayado de las diferentes formas que permite Magic.css. Esto podría haberse hecho con mucha más tensión. Pero de todos modos, entiendes lo que hace, en el factor común más bajo…

Magic.css: más efectos en proceso

En estos días, Christian está trabajando activamente en el repositorio. Espero que aparezcan nuevos efectos pronto. Dentro de la hoja de estilo, encontrará todas las definiciones correctamente prefijadas para todos los navegadores modernos. Si bien la demostración solo funciona correctamente en Chrome y Safari, los efectos funcionarán en todas partes.

Christian está trabajando para presentar la versión minificada, que reducirá enormemente el tamaño del archivo de casi 100 kb. La versión minificada ya está ahí, pero aún está vacía.

Magic.css facilita el uso de animaciones CSS3 y merece un lugar en la colección de marcadores de cualquier diseñador.

enlaces relacionados

• Magia.css | Manifestación
• Magia.css | Repositorio Github
• La guía de bolsillo de animaciones CSS: ahora más gratis que nunca | Revista Noupé