=== Custom Animation Bundle ===
Contributors: Wijaya Abadi
Tags: animation, light-weight, scroll-animation, custom-css
Requires at least: 5.0
Tested up to: 6.4
Stable tag: 1.0.2
License: GPLv2 or later

== Description ==

Custom Animation Bundle adalah library animasi ringan yang dirancang khusus untuk performa tinggi. Menggunakan teknologi Intersection Observer API sehingga animasi hanya berjalan saat elemen terlihat di layar (viewport). Sangat ramah untuk perangkat mobile dan tidak membebani CPU.

== Installation ==

1. Upload folder `custom-anim-bundle` ke direktori `/wp-content/plugins/`.
2. Aktifkan plugin melalui menu 'Plugins' di WordPress.
3. Gunakan class CSS yang tersedia pada blok atau widget Anda.

== User Manual (Cara Penggunaan) ==

Setiap elemen yang ingin dianimasikan wajib memiliki class utama 'cab-anim'.

--- Cara Penggunaan di Gutenberg/Block Editor ---
1. Klik blok (Gambar, Teks, atau Tombol).
2. Di panel kanan, buka tab "Advanced" (Lanjutan).
3. Masukkan kombinasi class pada kolom "Additional CSS Classes".
   Contoh: cab-anim cab-fade-up cab-delay-500

--- Cara Penggunaan di Elementor ---
1. Klik widget.
2. Pergi ke tab "Advanced".
3. Masukkan class pada kolom "CSS Classes".

--- Cara Penggunaan di Custom HTML ---
<div class="cab-anim cab-zoom-in">Konten Anda</div>

== Daftar Fungsi Animasi ==

Semua class di bawah ini harus diawali dengan class: cab-anim

1. EFEK MUNCUL (Core Effects):
- cab-fade-in    : Muncul perlahan di posisi tetap.
- cab-fade-up    : Muncul perlahan sambil bergerak ke atas.
- cab-zoom-in    : Muncul dengan efek memperbesar dari titik tengah.
- cab-zoom-up    : Muncul memperbesar sambil bergerak ke atas.
- cab-slide-left : Geser masuk dari arah kiri.
- cab-slide-right: Geser masuk dari arah kanan.

2. EFEK PERHATIAN (Attention Seeker):
- cab-pulse      : Berdenyut secara terus-menerus (Cocok untuk tombol WA).

3. DURASI (Speed):
- cab-fast       : Durasi animasi cepat (0.5 detik).
- cab-slow       : Durasi animasi lambat (2.0 detik).

4. KUSTOM DURASI & JEDA (Utility):
Gunakan class ini untuk mengatur waktu secara spesifik (dalam milidetik):
- cab-delay-[angka]    : Memberi jeda muncul. Contoh: cab-delay-300, cab-delay-1000.
- cab-duration-[angka] : Mengatur lamanya proses animasi. Contoh: cab-duration-2000.

== Changelog ==

= 1.0.2 =
* Perbaikan typo nama file animations.css.
* Optimasi performa menggunakan hardware acceleration (translate3d).
* Penambahan sistem Auto-Versioning untuk membuang cache browser otomatis.

= 1.0.0 =
* Rilis pertama.