Saltar al contenido
José Marin de la Fuente
José Marin de la Fuente
  • Inicio
  • jmdf
    • Consultor Tecnológico
    • En los medios
    • CodePen
    • ebooks
  • Secciones
    • Blog Personal
    • Drones
    • Marketing Digital
    • Mundo 360
    • Redes Sociales
    • Seguridad informática
    • SEO
    • Tecnología y Mundo Digital
    • WebDesigners, WebMasters & Developers
  • My Tools
    • Calendar Link Generator Online
    • WhatsApp Link Generator Online
    • HTML Obfuscator Online
    • JavaScript Obfuscator Online
    • JWT Decoder
    • QR Online Generator
    • WordPress Password Hash Generator
    • String art generator
    • Editor HTML
    • Test – Tabla Schulte
    • Word Counter
    • Generador de mapeo de imagenes
    • Yellow Dots Decoder
  • Proyectos
    • Lectura Veloz | Chrome Extension
    • FocusTasks | Chrome Extension
  • hangar18
  • Contacto
José Marin de la Fuente José Marin de la Fuente
  • Inicio
  • jmdf
    • Consultor Tecnológico
    • En los medios
    • CodePen
    • ebooks
  • Secciones
    • Blog Personal
    • Drones
    • Marketing Digital
    • Mundo 360
    • Redes Sociales
    • Seguridad informática
    • SEO
    • Tecnología y Mundo Digital
    • WebDesigners, WebMasters & Developers
  • My Tools
    • Calendar Link Generator Online
    • WhatsApp Link Generator Online
    • HTML Obfuscator Online
    • JavaScript Obfuscator Online
    • JWT Decoder
    • QR Online Generator
    • WordPress Password Hash Generator
    • String art generator
    • Editor HTML
    • Test – Tabla Schulte
    • Word Counter
    • Generador de mapeo de imagenes
    • Yellow Dots Decoder
  • Proyectos
    • Lectura Veloz | Chrome Extension
    • FocusTasks | Chrome Extension
  • hangar18
  • Contacto
Modo Visual
Redes Sociales

Buscar en el blog

WebDesigners, WebMasters & Developers • 1 min de lectura

Magic: Añade animaciones CSS3 fácilmente

12 septiembre 2013
magic

Magic se trata de un excelente framework CSS3 para añadir animaciones a cualquier elemento HTML de una manera muy sencilla mediante CSS3.

El framework trae bastantes animaciones por defecto que luego podemos controlar mediante CSS3 con parámetros como su duración. Puedes ver todas las animaciones que trae y sus efectos en su página demo.

La manera de utilizarlo es muy sencilla simplemente debemos enlazar la hoja de estilo que nos viene en el framework y usar las animaciones que queramos de la larga lista sobre los elementos mediante jquery. Podemos aprender más acerca de como usarlo leyendo el README que viene en el repositorio.

El autor está inspirado por el proyecto Animate.css. Se encuentra en un estado beta aún, pero el autor promete nuevas animaciones y asegura que se siguiente paso es simplificar el código.

Sin duda se trata de un proyecto interesante, aunque quizás falte poder personalizar aún más las animaciones preestablecidas. Combinado con otros frameworks más potentes como bootstrap se pueden conseguir resultados verdaderamente interesantes.

Demostraciones | Página de ejemplos
Descarga| Repositorio Github

Comentarios
Compartir este artículo:

Navegación de entradas

Artículo anterior ← Las tripas de un webapp: Trello
Siguiente artículo Las raíces tecnológicas de uno de los grandes del rubro del porno →

Artículos Relacionados

seo
WebDesigners, WebMasters & Developers

Top 10 de las técnicas SEO

15 febrero 2013 • 7 min de lectura
WebDesigners, WebMasters & Developers

Como actualizar WordPress 2.6x a 2.7

9 junio 2009 • 3 min de lectura
mysql
WebDesigners, WebMasters & Developers

Mysql – Registros duplicados (distinct)

15 febrero 2017 • 12 min de lectura
advertise width me
Baitdom Domótica para el hogar en Tucumán
Google Street View Trusted Photographer | Tucumán
grupo de desarrolladores tucumanos en Facebook

Entradas recientes

  • JEV AI: El Modelo ‘Sistema 1’ | 193x Más Rápido que los LLM | Análisis Completo
  • Cómo buscar archivos públicos de Google Drive con Google Dorks y proteger tu información
  • Cómo vender productos digitales con Landing Pages, Tiendanube y Meta Ads
  • Métricas de Meta Ads: guía completa para entender CPM, CTR, CPC, CPA, ROAS y optimizar campañas
  • Framework 3Qs en Meta Ads: Diagnóstico de Campañas y Optimización
advertise width me
DEVELOPER TOOLBOX

Mis Herramientas & Utilidades

Colección de utilidades web interactivas para desarrolladores y profesionales.

JWT Decoder POPULAR

Decodifica y verifica tokens JWT

JSON Formatter

Embellece y valida JSON

Base64 Encoder

Codifica y decodifica Base64

Hash Generator

MD5, SHA-256 y más

Regex Tester

Prueba expresiones regulares

CSS Gradients NUEVO

Generador de degradados CSS

© 2026 José Marin de la Fuente. Todos los derechos reservados.