Bulut I

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

Görev

Kolay

HTML dosyasında, #container içinde "cloud" sınıf ismine sahip bir div oluşturun.

CSS dosyasında, yeni cloud div'ini hedefleyin ve şunları ayarlayın:

width değerini 200px yapın
height değerini 80px yapın
İstediğiniz bir arka plan rengi seçin (unutmayın, bu bir bulut!)
Kenarlık yarıçapını (border radius) 40px yapın
position değerini absolute yapın (çünkü bulutun konumuyla özgürce oynamak istiyoruz)

Ayrıca, sonraki derslerde bulutu tam olarak görebilmek için margin değerini 100px veya daha fazla olarak ayarlayın (bu margin değerini daha sonra kaldıracağız).

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>