Frequently Asked Question (FAQ)
FAQ interaktif adalah komponen yang memungkinkan pengguna membuka dan menutup jawaban dengan animasi halus. Dibuat dengan CSS grid dan transisi.
Setiap jawaban muncul dengan efek slide + fade yang mulus.
Kami menggunakan grid-template-rows: 0fr → 1fr untuk animasi tinggi yang halus. Ditambah transisi opacity dan transform untuk efek fade-in.
Panah juga berotasi 180° saat terbuka sebagai indikator visual.
Tentu! Warna, font, radius, dan durasi animasi dapat diubah di CSS. Kamu juga bisa menambah atau mengurangi item FAQ dengan mudah.
Kode ini terstruktur rapi dan siap diintegrasikan ke project apapun.
Ya! FAQ ini responsif untuk desktop, tablet, dan ponsel. Ukuran font dan padding menyesuaikan dengan lebar layar.
Coba ubah ukuran jendela browser untuk melihat fleksibilitasnya.

Trending Tags
The links above have been automatically generated based on tag usage by third-party designers on the TeePublic platform.