Tạo trình tải CSS đẹp mắt

Tạo hoạt ảnh tải CSS tùy chỉnh trong vài giây với giao diện kéo và thả trực quan của chúng tôi. Không cần mã hóa!

Tùy chỉnh trình tải của bạn

Loại máy xúc lật

Color

Size 40px

Speed 1s

Tùy chọn nâng cao

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); } }

Cách sử dụng

Tùy chỉnh trình tải của bạn bằng cách sử dụng các điều khiển ở bên trái
Nhấp vào nút "Tạo CSS"
Sao chép mã HTML và CSS đã tạo
Dán nó vào dự án của bạn

Ví dụ về máy tải phổ biến

Bộ nạp xung

3 Dots Dễ dàng thực hiện

Máy xúc lật

Classic 100% CSS

Dual Ring

Vòng tròn đôi Phong cách hiện đại

Bộ nạp nảy

Chấm nảy Hoạt hình mượt mà

Bộ nạp vòng

Nhẫn có chấm Thiết kế độc đáo

Bộ nạp quy mô

Tỷ lệ chấm Lightweight

Cách sử dụng trình tải CSS

Triển khai cơ bản

Sử dụng các trình tải CSS được tạo bởi công cụ này rất đơn giản. Chỉ cần sao chép mã HTML và CSS đã tạo vào dự án của bạn.

Bước 1: Thêm CSS

Add the generated CSS code to your stylesheet or in a