랜덤 크기
Coddy의 움직이는 구름 - HTML/CSS/JS 프로젝트 코스 레슨 — 18개 중 9번째.
챌린지
쉬움구름에 무작위 크기를 추가해 봅시다.
모든 것을 변경하지 않고 구름에 서로 다른 크기를 설정하려면, transform과 scale을 사용할 수 있습니다:
transform: scale(0.3)위의 코드는 대상 엘리먼트를 원래 크기의 0.3배로 축소합니다!
JS 파일에서 이 스타일 속성을 프로그래밍 방식으로 추가한 다음 무작위로 만드세요. 권장 크기는 0.3에서 1 사이입니다.
이전 코드인 무작위 위치 설정을 삭제하지 않도록 주의하세요!
직접 해보기
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>