Buat Loader CSS yang Indah

Hasilkan animasi pemuatan CSS khusus dalam hitungan detik dengan antarmuka seret dan lepas kami yang intuitif. Tidak perlu pengkodean!

Sesuaikan Loader Anda

Jenis Loader

Color

Size 40px

Speed 1s

Opsi Lanjutan

Preview

.loader { border: 4px solid #f3f3f3; border-radius: 50%; border-top: 4px solid #165DFF; width: 40px; height: 40px; animation: spin 1s linear infinite; }  @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

Cara Penggunaan

Sesuaikan loader Anda menggunakan kontrol di sebelah kiri
Klik tombol "Hasilkan CSS"
Salin kode HTML dan CSS yang dihasilkan
Tempelkan ke proyek Anda

Contoh Loader Populer

Pemuat Pulsa

3 Dots Mudah diterapkan

Pemuat Pemintal

Classic 100% CSS

Dual Ring

Lingkaran Ganda Gaya Modern

Pemuat Pantulan

Titik-titik yang memantul Animasi Halus

Pemuat Cincin

Cincin dengan Titik Desain Unik

Pemuat Timbangan

Titik Penskalaan Lightweight

Cara Menggunakan Loader CSS

Implementasi Dasar

Menggunakan pemuat CSS yang dihasilkan oleh alat ini sangat mudah. Cukup salin kode HTML dan CSS yang dihasilkan ke dalam proyek Anda.

Langkah 1: Tambahkan CSS

Add the generated CSS code to your stylesheet or in a