Descargar: ¡Anímate! – Motor de animación para gráficos vectoriales

Esta es una versión jQuery independiente. los Complemento de WordPress es aquí:

¡Anímate! – Motor de animación SVG para WordPress

¿Busca algo listo para usar con “Enliven ‘em”? Revisa estos:

Complemento premium: 50 iconos promocionales web

Complemento gratuito: 47 iconos planos

Complemento gratuito: 10 divisores de texto retro

Complemento gratuito: Iconos planos – Conjunto 2 (NUEVO)

Visión general:

Anímalos es un complemento de jQuery que te permite animar cualquier gráfico vectorial presentados como archivos SVG de muchas maneras diferentes cuando sus ilustraciones vectoriales se vuelven visibles en la ventana gráfica del navegador de un usuario (bueno para «sin flotar» dispositivos como los de Apple). También puede permitir que una animación se repita cuando un usuario hace clic o toca su gráfico.

Todos los datos de animación se almacenan en el propio código SVG, lo que le permite transferirlo a cualquier dominio. El editor de animaciónque se incluye en el paquete de descarga, puede ayudarlo a agregar estos datos en un WISIWYG modo.

La integración del guión Enliven ‘em es fácil: solo dos scripts adicionales en el código de su página además de su jQuery existente.

Familiarícese con la lista completa de funciones y explore la demostración en vivo.

Principales características:

• Marca Nuevo
• Más que 80 efectos de animación incorporados
• Separado Aplicación de edición de animación
• Adecuado para Tocar Dispositivos
• Ambas cosas En y Afuera animaciones
• SVG fácil Sensible
• Fácil Integración
• Cruz Navegador
• Serpenteado animación para todo el SVG
• Libre Actualizaciones y soporte

Características exclusivas:

• Transformar efecto de animación que permite transformar sendero formas de uno forma ¡en otro!
• Disfraz opción de animación cuando tú controlar una transformación y una opacidad. Aquí está definitivamente cuando el único límite es tu imaginación!
• a lo largo de un camino efecto de animación que permite que cualquier forma SVG se mueva a lo largo de un sendero uno con o sin rotación! (de la versión 1.6)

Video Tutorial – Cómo Preparar SVG:

Notas importantes:

• Este elemento requiere preparar su gráfico vectorial antes de usarlo en un sitio en vivo. Mire el video tutorial anterior antes de tomar una decisión.
• Este elemento consta de dos partes: el propio guión de Enliven ‘em y el Editor de animación donde puede preparar los archivos resultantes. NO puede hacer público (cargar) el editor de animación, solo puede cargar el guión de Enliven ‘em.
• Las imágenes vectoriales que se utilizan en EnlivenEm.com NO están incluidas en el paquete de descarga.

Requisitos:

• jQuery
• Lectura de la documentación

Licencia:

• Debe comprar una licencia regular o extendida del complemento Enliven ‘em jQuery para cada uno de sus dominios.

Registro de cambios:

2019, June, 25 - v1.8
-- This update is not mandatory 
-- Little code changes to match "WordPress plugin requirements" because this script is used in a WordPress plugin.

2019, March, 08 - v1.7
-- This update is not mandatory 
-- Made some code changes to match "WordPress plugin requirements" because this script is used in a WordPress plugin.
-- Added one more example with multi steps animation for one SVG shape

2018, July, 06 - v1.6
-- Added the new animation effect "Along a Path" 
-- Fixed a SVG width and height issue within jQuery version 1.12.X
-- Recoded JavaScript part in conformity with modern standards
-- Updated "verge" script with the latest version

2017, April, 03 - v1.5
-- created one combined JS file for third party libraries. You need to redefine JS declarations.
-- fixed a function for correct work when there are float numbers in "width", "height" and "viewBox" attributes
-- added a style to prevent "flickering" of a SVG during a page's loading
-- added a fix for the correct calculation of "viewport shift" when a SVG is bigger than a window

2014, November, 19 - v1.4
-- added global option for creating looped animations
-- various improvements

2014, November, 05 - v1.3
-- added 5 new effects: "maskStairsL", "maskStairsT", "maskStairsR", "maskStairsB" and "pulse" 
-- added sub-pixel render fix for prevent Firefox and IE show SVG slightly blurred
-- fixed "drawLines" effect for IE and Opera
-- fixed "maskCrossRotate" and "maskPlusRotate" effects for IE
-- various small improvements

2014, October, 21 - v1.2
-- added 3 new effects: "maskStackX", "maskStackY" and "maskTighten" 
-- various improvements in the Animation Editor

2014, September, 2 - v1.1
-- added "morph" effect for morphing animation of <path> shapes from one form into another

2014, July, 31 - v1.0 - initial release