Label

Pelajaran 14 dari 19 dalam kursus Klon Halaman Masuk Netflix | Proyek Front-end di Coddy.

Tantangan

Mudah

Atur label di class form-control:

Atur position ke absolute, 20 piksel dari kiri dan 50% dari atas.
Atur transform ke translateY(-50%)
Atur ukuran font ke 16px.
Atur pointers-event ke none.
Atur color ke #8c8c8c.
Tambahkan transition: all 0.1s ease; di bagian akhir.

Coba sendiri

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Tulis kode HTML di sini -->
        <script src="script.js"></script>
    </body>
</html>

Semua pelajaran di Klon Halaman Masuk Netflix | Proyek Front-end

1Pengantar

Apa yang akan kamu buat?

4CSS II

Tombol

Mengubah Tombol

Pewarnaan Lebih Lanjut

Bagian Bawah

2HTML

Menyiapkan title dan wrapper input formulir I

3CSS - I

class Pembungkus Formulir

h2 dan formulir Pembungkus

class Kontrol Formulir

Input

Label

Efek pergeseran saat fokus

Latihan sendiri: Playground Web