Sabit değerler

Coddy'nin Hareketli Bulutlar - HTML/CSS/JS Projesi kursunda ders 10 / 18.

Bulutu taşıyalım!

Görev

Kolay

Bulutu hareket ettirmeye başlamadan önce, bulutun konumunu ve boyutunu sabitleyelim.

Buluta rastgele konum ve boyut atayan kodu yorum satırı yapın.

JS dosyasında, bulut öğesini hedefleyin ve:

left stil özelliğini 200px olarak ayarlayın.
top stil özelliğini 200px olarak ayarlayın.
transform stil özelliğini scale(0.5) olarak ayarlayın.

Ayrıca, transition stil özelliğini "all linear 3s" olarak ayarlayın; bu, daha sonra bulutu hareketlendirmemize yardımcı olacak!

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ş

4JS ile Oynamak

2Kapsayıcı

5Bulutu Hareket Ettirme

Sabit değerler Proje dersi

Sağa Hareket Et

Yönleri Değiştir

Hemen Başlat

Her Şeyi Rastgele Yap

3Bulut

Bulut I

Bulut II

Bulut III

6Çok Sayıda Bulut

JS kullanarak HTML Enjekte Etme

Bulutları Enjekte Etme

Tümünü Döngüye Alma

Son Dokunuş