MoreLesson 248Preview gratis
Browser Window
Lesson ini bagian dari How To · Semua level
Ringkasan
Mockup browser window adalah komposisi CSS yang meniru jendela peramban untuk mempercantik screenshot atau portofolio. Biasanya terdiri dari bilah atas berisi tiga titik, kolom alamat, dan area konten. Ini hanya elemen visual, jadi jangan gunakan untuk menipu pengguna atau meniru antarmuka keamanan.
Poin kunci
- Struktur mockup terdiri dari container, title bar, deretan titik, address bar, dan area konten.
- border-radius pada container dan overflow: hidden membuat sudut mockup rapi.
- Tiga titik dapat dibuat dengan elemen span berulang atau pseudo-element.
- Gunakan box-shadow halus untuk memberi kesan jendela melayang.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.