Kích thước ngẫu nhiên
Bài học 9 trên 18 trong khóa học Dự án mây chuyển động với HTML/CSS/JS của Coddy.
Thử thách
DễHãy thêm kích thước ngẫu nhiên cho đám mây.
Để đặt các kích thước khác nhau cho đám mây mà không cần thay đổi mọi thứ, ta có thể dùng transform và scale:
transform: scale(0.3)Đoạn trên sẽ thu phóng phần tử được chọn còn 0.3 lần kích thước ban đầu!
Trong tệp JS, hãy thêm thuộc tính kiểu này bằng code, sau đó đặt giá trị ngẫu nhiên. Kích thước gợi ý nằm trong khoảng từ 0.3 đến 1.
Đừng xóa code trước đó dùng để tạo vị trí ngẫu nhiên nhé!
Tự làm thử
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Viết code HTML ở đây -->
<script src="script.js"></script>
</body>
</html>Tất cả bài học trong Dự án mây chuyển động với HTML/CSS/JS
Tự luyện tập: Playground Web