Cara Membuat Efek Loading Dengan CSS 3

Hallo teman-teman DUMET School, pada tutorial kali ini saya akan mengajarkan bagaimana caranya membuat efek loading hanya menggunakan CSS 3. Sebenarnya sudah banyak instruktur DUMET School yang memposting tutorial yang terkait dengan cara membuat efek loading dengan CSS 3 seperti Membuat Animasi Loading Dengan CSS 3 dan Animasi Loading Dengan HTML Dan CSS. Tetapi di sini saya akan membuat efek nya sedikit berbeda, agar teman-teman dapat memilih efek loading mana yang cocok untuk di gunakan di website teman-teman. Baik kita akan langsung membuatnya saja ya teman-teman.

Pertama teman-teman bisa buat satu file HTML dengan nama index.html, kemudian ketikkan baris program di bawah ini.

efek loading dengan CSS 3

Selanjutnya ketikkan baris program CSS di bawah ini, di file CSS yang sudah kalian buat.

efek loading dengan CSS 3

Maka berikut hasilnya.

Mudah ya teman-teman, hanya dengan CSS kita mampu membuat efek animasi loading dengan begitu bagus. Sekian dulu tutorial dari saya sampai ketemu di tutorial berikutnya ya teman-teman, Terima Kasih.

12 Oktober 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat