Hidupkan mereka! – Mesin Animasi untuk Grafik Vektor

  • Whatsapp
Hidupkan mereka!  - Mesin Animasi untuk Grafik Vektor

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

Bacaan Lainnya

Hidupkan mereka!  - Mesin Animasi untuk Grafik Vektor - 1

Hidupkan mereka!  - Mesin Animasi untuk Grafik Vektor - 2

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)

Hidupkan mereka!  - Mesin Animasi untuk Grafik Vektor - 3
Hidupkan mereka!  - Mesin Animasi untuk Grafik Vektor - 4Hidupkan mereka!  - Mesin Animasi untuk Grafik Vektor - 5Hidupkan mereka!  - Mesin Animasi untuk Grafik Vektor - 6
Hidupkan mereka!  - Mesin Animasi untuk Grafik Vektor - 7Hidupkan mereka!  - Mesin Animasi untuk Grafik Vektor - 8
Hidupkan mereka!  - Mesin Animasi untuk Grafik Vektor - 9

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:

Hidupkan mereka!  - Mesin Animasi untuk Grafik Vektor - 10

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

Hidupkan mereka!  - Mesin Animasi untuk Grafik Vektor - 11
Hidupkan mereka!  - Mesin Animasi untuk Grafik Vektor - 12Hidupkan mereka!  - Mesin Animasi untuk Grafik Vektor - 13

Pos terkait

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *