Langsung ke konten utama

Postingan

Menampilkan postingan dari Desember, 2019

Cananimate Versi 2.0

Cananimate adalah library animasi css yang dibuat untuk membuat website yang lebih dinamis, interaktif, dan kreatif dengan menambahkan efek animasi ke dalamnya. Cananimate versi 2.0. ini merupakan versi pembaruan dari versi sebelumnya, yaitu versi 1. 0. Cananimate versi 2. 0. memiliki fitur efek animasi versi 1. 0. dan beberapa efek animasi baru lainnya. Berikut merupakan beberapa efek animasi terbaru dari cananimate versi 2. 0 : rubber : memberikan efek animasi seperti karet typing : memberikan efek animasi seperti mesin ketik rollInForward : memberikan efek animasi masuk berguling ke depan rollOutForward : memberikan efek animasi keluar berguling ke belakang rollInBackward : memberikan efek animasi masuk berguling ke belakang rollOutBackward : memberikan efek animasi keluar berguling ke belakang eastIn : memberikan efek animasi masuk dari sebelah timur eastOut : memberikan efek animasi keluar dari arah timur westIn : memberikan efek animasi masuk dari arah barat we...

Cananimate : Library Animasi CSS yang Ringan dan Mudah Digunakan

Halo semua,apa kabar ? semoga kita selalu dalam keadaan sehat, bahagia, banyak rezeki, dan selalu menjadi pribadi yang lebih baik lagi. Pada kesempatan kali ini izinkan saya untuk memperkenalkan library CSS buatan saya yang mungkin bisa mempermudah pekerjaan kalian sebagai seorang frontend developer untuk mempercantik tampilan website kalian dengan animasi CSS. Library ini saya beri nama cananimate yang mana dalam penamaan ini saya berharap kedepannya cananimate ini bisa menjadi salah satu library animasi css terbaik di dunia. Hari ini saya berkenan untuk merilis versi pertama (Versi 1.0) cananimate secara terbuka kepada semua orang. Pada versi pertama ini, tersedia 10 kelas animasi yaitu : toRight : membuat animasi berjalan ke kanan. toLeft : membuat efek animasi bergerak ke kiri. toBottom : membuat efek animasi bergerak ke bawah. toTop : membuat efek animasi bergerak ke atas. bounce : membuat efek animasi memantul. fadeIn : membuat efek animasi timbul. fadeOut :mem...

Tutorial Membuat Library CSS Responsive Sendiri

  Halo semua, apa kabar ? Semoga kita selalu dalam keadaan sehat, sejahtera, bahagia, dan selalu mendapat rizki yang banyak dan berkah. Amiin. Kali ini izinkan saya untuk sedikit berbagi mengenai library CSS hasil pengembangan dari saya. Kalian bisa menggunakan maupun memodifikasi library ini sesuai kebutuhan kalian. Library kali ini merupakan library responsive, yang mana apabila digunakan pada mobile maupun desktop akan menunjukkan performa tampilan yang baik. Sebelum saya bagikan kode sumber library CSS yang saya buat ini, izinkan saya untuk sedikit berbicara mengenai apa itu CSS. CSS adalah kependekan dari Cascading Style Sheet, yaitu sekumpulan perintah atau instruksi untuk menjelaskan tampilan dari suatu situs web dalam bahasa mark-up (Mark-up Language).Mark-up Language yang dimaksud disini salah satunya adalah HTML, dimana keduanya saling berhubungan dan saling melengkapi satu sama lain. baca juga : Cananimate : Library Animasi CSS yang Ringan dan Mudah DIgunaka...