Bulut II

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

Görev

Kolay

HTML dosyasında, bulut div'inin (.cloud) içinde sınıf adı "cloudBubble1" olan bir div oluşturun.

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

width değerini 100px yapın
height değerini 100px yapın
arka plan rengini bulut div'indeki ile aynı yapın
border radius değerini 50px yapın
position değerini absolute yapın
top değerini -50px yapın
left değerini 30px yapın

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

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ş