Keadaan elemen (desktop, hover...)

Meskipun slidde semudah alat desain grafis. Keadaan elemen adalah fungsi yang mencapai desain web responsif dan animasi interaktif. Dengan menggunakan keadaan elemen, Anda dapat membuat poster yang indah, lalu mengubahnya menjadi halaman web yang nyata.

Dengan mengklik tombol Anda dapat melihat keadaan elemen apa yang diizinkan untuk properti gaya ini.

Default

Keadaan default untuk properti gaya ini.

Desktop

Keadaan desktop didefinisikan untuk secara khusus menargetkan layar desktop. Ini memungkinkan Anda menyesuaikan desain Anda untuk tampilan yang lebih besar, memastikan tata letak dan fungsionalitas optimal pada perangkat desktop.

Ketika Anda menambahkan keadaan desktop untuk properti gaya, keadaan default berlaku untuk layar ponsel, dan keadaan desktop berlaku untuk layar desktop. Anda biasanya mengatur ukuran font dan spasi yang besar untuk keadaan desktop.

Hover

Keadaan hover dipicu ketika pengguna menggerakkan kursor mereka di atas elemen. Ini berguna untuk menunjukkan interaktivitas, seperti menyoroti tombol atau tautan.

Biasanya Anda dapat mengatur warna, skala, rotasi untuk keadaan hover.

Pressed

Keadaan ditekan diaktifkan ketika sebuah elemen diklik atau diketuk. Ini dapat digunakan untuk menciptakan efek umpan balik visual, menunjukkan bahwa tombol atau tautan telah ditekan.

Selected

Keadaan terpilih berlaku untuk tombol atau tautan ketika cocok dengan URL saat ini. Ini sering digunakan untuk menu navigasi untuk menyoroti halaman aktif.

Focus

Keadaan fokus digunakan untuk input dan textarea ketika mereka dipilih, biasanya melalui navigasi keyboard. Ini membantu pengguna mengidentifikasi bidang input mana yang aktif.

Placeholder

Gaya keadaan placeholder mengatur teks placeholder di dalam input dan textarea. Ini dapat disesuaikan agar sesuai dengan estetika desain Anda.