Untere Navigationsleiste - HTML/CSS Projekt
In diesem Kurs erstellst du eine einfache untere Navigationsleiste mit HTML und gestaltest sie mit CSS. Du lernst, wie du mithilfe des (:hover)-Selektors in CSS einfache Animationen hinzufügst.
Lehrplan
2 Kapitel12 Lektionen2 ProjekteNavigationsleiste
Projekt6 Lektionen- 01Code-Setup
- 02main-container
- 03Navbar
- 04Ungeordnete Liste & Titel
- 05Listen-Elemente & Titel
- 06Icons hinzufügen
Das Styling
Projekt6 Lektionen- 01Universal-Tag
- 02Body
- 03Navbar-Styling
- 04Styling ungeordneter Listen
- 05Listenpunkt-Styling
- 06Hover-Animation für Icons
Mehr wie dieser
CSS-Projekt – Schicker Button
In diesem Kurs erstellst du einen vollständig angepassten, schicken Button, wie du ihn von deinen Lieblingswebsites kennst!
- 8
- 1
HTML/CSS Challenges - Paket II
Dieser Kurs wird dein Wissen über HTML und CSS auf unterhaltsame und effektive Weise herausfordern!
- 5
Sonnenfinsternis-Animation | HTML/CSS Projekt
In diesem Kurs erstellst du eine beeindruckende „Sonnenfinsternis“-Animation. Erfahre, wie man mit Animationen ansprechende und funktionale Benutzeroberflächen gestaltet.
- 10
- 2
CSS-Projekt – Einfacher Loading Spinner
In diesem Kurs lernst du, wie du CSS und HTML nutzt, um einen einfachen Loading Spinner zu erstellen, der beim Laden von Seiten oder Inhalten verwendet wird.
- 6
- 1
Login-Formular – HTML/CSS Projekt
In diesem Kurs erstellst du ein einfaches Login-Formular mit HTML und gestaltest es mit CSS.
- 7
- 2