Tạo kiểu hoàn chỉnh
Bài học 6 trên 6 trong khóa học Dự án CSS: vòng xoay tải đơn giản của Coddy.
Làm tốt lắm! Bạn đã có một vòng xoay tải hoạt động hoàn chỉnh.
Giờ là lúc thêm phong cách riêng của bạn vào đó.
Thử thách
DễThêm một vài kiểu dáng của riêng bạn cho vòng quay. Khi hoàn tất, hãy chạy code và hoàn thành dự án!
Một vài gợi ý để tạo thêm kiểu dáng:
- Thay đổi kích thước
- Thay đổi màu sắc
- Độ rộng và kiểu đường viền
- Thêm hiệu ứng chuyển động, có thể là độ mờ
- Và nhiều hơn nữa...
Tự làm thử
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="spinner" />
</body>
</html>Tất cả bài học trong Dự án CSS: vòng xoay tải đơn giản
Tự luyện tập: Playground Web