Menu
Coddy logo textTech

Navbar stillendirme

Coddy'nin Alt Gezinti Çubuğu - HTML/CSS Projesi kursunda ders 9 / 12.

Navigasyon çubuğunu stillendirelim!

challenge icon

Görev

Kolay

“navigation” sınıfını hedefleyin:

  1. Bir konum ayarlamak için:

    a. Konumu (position) absolute olarak ayarlayın.

    b. Alt (bottom) değerini 32px olarak ayarlayın.

    c. Kenar yumuşatma (border-radius) değerini 24px olarak ayarlayın.

    d. Sol (left) konumu 50% olarak ayarlayın.

  2. Aşağıdaki geçiş (transition) stilini ekleyin:

    transform: translate(-50%, 0);
  3. Arka plan rengini (background-color) istediğiniz bir renge ayarlayın! (önerilen: purple)

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>

Alt Gezinti Çubuğu - HTML/CSS Projesi bölümündeki tüm dersler