Rastgele Boyut
Coddy'nin Hareketli Bulutlar - HTML/CSS/JS Projesi kursunda ders 9 / 18.
Görev
KolayBuluta rastgele bir boyut ekleyelim.
Her şeyi değiştirmeden bulut için farklı boyutlar ayarlamak için transform ve scale kullanabiliriz:
transform: scale(0.3)Yukarıdaki kod, hedeflenen öğeyi orijinal boyutunun 0.3 katına ölçekleyecektir!
JS dosyasında, bu stil özelliğini programlı olarak ekleyin ve ardından rastgele hale getirin. Önerilen boyutlar 0.3 ile 1 arasındadır.
Rastgele konumu oluşturan önceki kodunuzu silmediğinizden emin olun!
Kendin dene
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>Hareketli Bulutlar - HTML/CSS/JS Projesi bölümündeki tüm dersler
1Giriş
Giriş5Bulutu Hareket Ettirme
Sabit değerler
Sağa Hareket EtYönleri DeğiştirHemen BaşlatHer Şeyi Rastgele Yap