Hidupkan mereka! – Mesin Animasi untuk Grafik Vektor

Hidupkan mereka!  - Mesin Animasi untuk Grafik Vektor

Source Code : Hidupkan mereka! – Mesin Animasi untuk Grafik Vektor

Bacaan Lainnya

Ini adalah versi jQuery mandiri. Itu Plugin WordPress di sini:

Hidupkan mereka! – Mesin Animasi SVG untuk WordPress

Mencari sesuatu yang siap digunakan dengan “Enliven ’em”? Periksa ini:

Add-on Premium: 50 Ikon Promosi Web

Pengaya Gratis: 47 Ikon Datar


Pengaya Gratis: 10 Pembagi Teks Retro


Add-on Gratis: Ikon Datar – Set 2 (BARU)




Gambaran:

Meramaikan mereka adalah plugin jQuery yang memungkinkan Anda menghidupkan grafik vektor apa saja disajikan sebagai file SVG dalam berbagai cara saat ilustrasi vektor Anda terlihat di area pandang browser pengguna (baik untuk “tidak melayang” perangkat seperti Apple). Anda juga dapat mengizinkan animasi untuk diulang ketika pengguna mengklik atau mengetuk grafik Anda.

Semua data animasi disimpan dalam kode SVG itu sendiri yang memungkinkan Anda memindahkannya ke domain apa pun. Editor Animasi, yang disertakan dalam paket unduhan, dapat membantu Anda menambahkan data ini dalam a WISIWYG mode.

Integrasi skrip Enliven ’em adalah mudah: hanya dua skrip tambahan dalam kode halaman Anda selain jQuery yang ada.

Harap kenali daftar fitur lengkap dan jelajahi demo langsung.

Fitur utama:

  • Merek Baru
  • Lebih dari 80 efek animasi bawaan
  • Terpisah Aplikasi Editor Animasi
  • Cocok untuk Menyentuh Perangkat
  • Kedua Di dan Di luar Animasi
  • SVG mudah Responsif
  • Mudah Integrasi
  • Menyeberang Peramban
  • Dilingkarkan animasi untuk seluruh SVG
  • Gratis Pembaruan & Dukungan

Fitur Eksklusif:

  • Morph efek animasi yang memungkinkan untuk mengubah jalan bentuk dari satu untuk m ke yang lain!
  • Adat pilihan animasi ketika kamu mengontrol transformasi dan opacity. Inilah yang pasti ketika satu-satunya batasan adalah imajinasi Anda!
  • Sepanjang jalan efek animasi yang memungkinkan bentuk SVG bergerak sepanjang jalan satu dengan atau tanpa rotasi! (dari versi 1.6)

Video Tutorial – Cara Mempersiapkan SVG:

Catatan penting:

  • Item ini perlu mempersiapkan grafik vektor Anda sebelum digunakan di situs langsung. Silakan tonton video tutorial di atas sebelum mengambil keputusan.
  • Item ini terdiri dari dua bagian: skrip Enliven ’em itu sendiri dan Editor Animasi di mana Anda dapat menyiapkan file yang dihasilkan. Anda TIDAK boleh mempublikasikan (mengunggah) Editor Animasi, Anda hanya dapat mengunggah skrip Enliven ’em.
  • Gambar vektor yang digunakan di EnlivenEm.com TIDAK termasuk dalam paket unduhan.

Persyaratan:

  • jQuery
  • Membaca dokumentasi

Lisensi:

  • Anda perlu membeli lisensi reguler atau diperpanjang dari plugin Enliven ’em jQuery untuk setiap domain Anda.

Ubah log:

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


Editor: Partner

Pos terkait