36 Contoh Text Animation - Ini hanyalah sebuah panduan buat sahabat semua pecinta SAHABAT BLOGGER 77 untuk mengenal dan mengetahui bagaimana bentuk dan cara kerja efek animation sesuai dengan nama-nama gerakan pada text. Contoh seperti Jumping Text Effect, Trembling Text Effect, Animation Tetx Fill Color dan Blink yang sudah saya rangkum dalam sebuah tutorial tentang 4 Model Efek Animasi Pada Teks yang dapat Anda coba gunakan jika ingin membuat efek gerak (animation) di blog Anda dengan berbagai style.
Kali ini saya akan menambahkan lagi dengan memberikan 36 contoh nama dan bentuk efek gerak pada teks dengan CSS-animation. Dari 36 contoh nama efek berikut, saya bagi lagi dengan 2 kelas kategori FANCY (Indah) dan SIMPLE (Sederhana) seperti ini:
FANCY CATEGORY EFFECT
SIMPLE CATEGORY EFFECT
Anda cukup pilih dan KLIK nama efek pada tab sebelah KIRI, maka teks yang berada disebelah KANAN akan bergerak sesuai nama efek yang sudah Anda tentukan, dengan begitu bagaimana bentuk gerakan efek Rotate, Jitter, Bounce bisa Anda kenal. Bagaimana mau mencoba.?
Kali ini saya akan menambahkan lagi dengan memberikan 36 contoh nama dan bentuk efek gerak pada teks dengan CSS-animation. Dari 36 contoh nama efek berikut, saya bagi lagi dengan 2 kelas kategori FANCY (Indah) dan SIMPLE (Sederhana) seperti ini:
FANCY CATEGORY EFFECT
- Shadow Level-2
- Slide Around Level-3
- Zoom Big And Zoom Small
- Jitter
- Bounce (Up Down, All, Left Right)
- Roll (Left And Right)
- Rainbow
SIMPLE CATEGORY EFFECT
- Plain
- Fade In Fast And Fade In Slow
- Slide (Down, Top, Right and Left)
- Font Size (Down and Top)
- Rotate
- 3D
- Scale
- Skew
- Color (Slow, Fast and Subtle)
- Background
BACA JUGA
Menampilkan Bayangan Teks Saat HoverAnda cukup pilih dan KLIK nama efek pada tab sebelah KIRI, maka teks yang berada disebelah KANAN akan bergerak sesuai nama efek yang sudah Anda tentukan, dengan begitu bagaimana bentuk gerakan efek Rotate, Jitter, Bounce bisa Anda kenal. Bagaimana mau mencoba.?
No comments:
Post a Comment