Latihan 1: Shadows & Effects — Tailwind CSS

Latihan 1 dari materi Shadows & Effects di Tailwind CSS — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

Buat <div id="glass"> dengan efek glassmorphism: backdrop-blur-md, bg-white, rounded-xl, p-6, dan shadow-xl. Teks: "Efek Kaca".

Hint

Glassmorphism: gabungan backdrop-blur, transparansi, dan border.
backdrop-blur-md mengaburkan konten di belakang elemen.
<div class="backdrop-blur-md bg-white/30 rounded-xl">Glass</div>

🔄

Memperbarui Aplikasi

Versi baru tersedia. Halaman akan dimuat ulang otomatis...

Masih kosong setelah muat ulang?

1. Tutup paksa aplikasi lalu buka lagi

2. Hapus cache: Pengaturan > Aplikasi > Hyper Sheets > Hapus Cache

3. Jika pakai browser: tekan Ctrl+Shift+R

Butuh bantuan?

Gabung Discord Laporkan Bug