Cara membuat animasi loading dengan html dan css Android/pc 2019!

Assalamualaikum wr.wb seperti biasa saya kang blog ini akan share tutorial html dan css

Oke untuk pengenalan html itu adalah "hyper text markup language" dan css adalah "cross style sheet" anjay sok Inggris loe wqwq.

Untuk fungsi nya juga berbeda html itu struktur nya dan css itu buat desain nya jadi saling melengkapi gitu lah ^_^

Oke tidak banyak bacot lagi langsung ke praktek !

Syarat-syarat

• Quick edit,aib web ( Android)
• visual code, notepad dll (pc)
• Browser yang support buat html 5 dan css3

Oke pertama-tama kalian buka quick edit (android), atau visual code untuk (pc) dan kalian buat file bernama index.html atau loading.html, kenapa harus ada ( .html ) karena itu wajib kalau tidak bakalan gk akan muncul di browser alias gk ke deteksi

Untuk css kalian harus buat file bernama " style.css"

Untuk tampilan sebelum di kasih css seperti ini :

Sesudah pakai html tampilan nya akan seperti ini dan juga ada animasi nya :

Untuk penerapan loading terserah kalian bisa di awal page blog, di pertengahan blog ya tergantung kebutuhan dan juga kesukaan dan kreatifitas otak kiri kalian :)
↓
↓

Oke untuk code nya ada di bawah sini dan juga tampilan nya ada di bawah ini : ↓↓

Wassalamu'alaikum wr.wb

See the Pen How to make loading by Ifqy Gifha Azhar (@ifqy) on CodePen.