Hallo teman-teman, tertemu lagi pada tutorial dumet school, pada tutorial kali ini kita akan belajar bagaimana cara Membuat Efek Loading Dengan CSS3,
seperti yang kita tahu, efek loading seperti ini biasa digunakan saat kita mereload atau merefresh suatu halaman.

Kebanyakan orang yang tidak mau pusing dengan bagaimana cara membuatnya menggunakan jquery sebagai alternatifnya, namun pada kali ini kita akan buat sebuah efek loading dengan CSS dengan kata lain pure CSS.

Oke kita langsung saja praktek, silahkan teman-teman buat sebuah file HTML dan ketikan script berikut :

Saya membuat sebuah div dengan class loading dimana nanti div inilah yang akan kita atur nantinya,

sekarang coba tambahkan script css berikut :

Sehingga keseluruhan scriptnya seperti berikut:

Sehingga jika teman-teman save maka hasilnya akan seperti berikut :

membuat-efek-loading-dengan-css3-hasil

warna biru akan terus berputar karena saya memberikan efek

Pada CSSnya tadi, oke teman-teman cukup swekian dulu tutorial kali ini, semoga bermanfaat, terimakasih.