Tutorial Blog - Perkenalan CSS Transisi

Tutorial Blog - Perkenalan CSS Transisi

CSS Transisi berfungsi untuk menciptakan durasi perpindahan nilai dari sebuah titik awal tampilan menuju titik akhir tampilan. CSS Transisi lebih difokuskan pada CSS Pseudo-Classes , meskipun ternyata juga bisa diterapkan untuk mentransisikan Media queries . Kita mulai dengan sebuah objek tanpa efek transisi seperti ini: Tanpa Transisi Dan ini adalah sebuah objek dengan efek transisi: Dengan Transisi Sintaks CSS Transisi div { -webkit-transition: nama_properti durasi tipe_percepatan delay; -moz-transition: nama_properti durasi tipe_percepatan delay; -ms-transition: nama_properti durasi tipe_percepatan delay; -o-transition: nama_properti durasi tipe_percepatan delay; transition: nama_properti durasi tipe_percepatan delay; } Nama_Properti , ini mewakili properti yang akan dianimasikan. Durasi , digunakan untuk menentukan kecepatan animasi dalam satuan detik. Tipe_Percepatan , digunakan untuk menentukan efek percepatan animasi. Efek-efek percepatan animasi dalam CSS Transisi diantaranya: de…