Menu
CoddyTech
START LEARNING

Gambar Utama yang Buram

Termasuk bagian Menguasai CSS dalam perjalanan HTML di Coddy. Pelajaran 43 dari 43.

challenge icon

Tantangan

Mudah

Ada sebuah gambar Kota New York di bagian .gallery.
Tugasmu adalah menerapkan filter blur dengan nilai 2px pada gambar tersebut menggunakan CSS.

Coba sendiri

<html>
<head>
  <title>Blurred Hero Image</title>
  <style> 
    /* Add your CSS styles here: */
    img {
    width: 100%;
    }
  </style>
</head>
<body>
    <div class="gallery">
        <img src="https://upload.wikimedia.org/wikipedia/commons/0/05/View_of_Empire_State_Building_from_Rockefeller_Center_New_York_City_dllu.jpg
">
    </div>
</body>
</html>

Semua pelajaran di Menguasai CSS

1Menguasai Selector, Kombinasi

PengantarSelector KeturunanSelector AnakSelector Saudara SebelahSelector Saudara UmumTantangan Rangkuman

4Proyek Menu Dropdown

Tambahkan SubmenuTampilkan SubmenuStyling tambahanInput dan tombol

7Membangun dengan CSS Grid

Dasar-Dasar GridPenempatan Item dengan grid-rowArea BernamaTantangan Rangkuman

2Pseudo-Class Interaktif

Pseudo-ClassEfek HoverEfek FocusGaya ActiveTantangan Rangkuman

5Efek Visual

GradienFilter CSSTransformasiTransisi dan Efek HoverTantangan Rangkuman

8Situs web Flavor Fiesta

Mengatur gridHeaderBagian utamaFooter

3pseudo-class struktural

pseudo-class strukturalMemilih Anak PertamaMemilih Anak TerakhirKekuatan Pola: Menggunakan nth-childTantangan Rangkuman

6Halaman Landing

Atur Gaya Bagian HeaderAtur Gaya TombolTata Letak BagianTata Letak KartuTambahkan Sentuhan Akhir

9Tantangan Akhir

Sorot Menu AktifBaris Tabel Berselang-selingEfek Hover TombolTata Letak Kartu GridGambar Utama yang Buram

Latihan sendiri: Playground Web