Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
membuat element bereaksi saat di click ? (dalam pertanyaan ini "fade")
pada gambar di atas saya mencoba membuat replica :v event bar dari website milik nexon [ saya beri nama FloatNM :3 ], saya hampir menyelesaikan nya , hanya untuk sentuhan akhir saya ingin FloatNM tersebut disembunyikan ke sisi kiri saat user melakukan click dibagian "Close [ .button-toggle ]" pada FloatNM. dan di muncul kan kembali saat bagian "button-toggle" di click lagi
namun saya masih bingung tentang cara nya
apa hal itu harus dilakukan dengan javascript atau cukup dengan CSS ?
mohon arahan nya ~
3 Jawaban:
Mas trigger untuk menghilangkan barnya apa? Bagian apa yang di modifikasi dengan javascript untuk menghilangkan barnya?
Jawaban Terpilih
pakai javascript jelas bisa, tapi bisa juga cuma pakai CSS. tapi perlu 'hacking' untuk membuat event click pada css. maksudnya 'hacking' adalah kita tidak benar2 menggunakan event click, tapi event 'check' yang seolah2 seperti click. dan element yang kita gunakan sebetulnya bukan button tapi checkbox + label.
kenapa checkbox? karena dengan checkbox kita bisa akses pseudo-class pada kondisi ':checked'. beda dengan pseudo-class button (:hover, :active) yg hanya sesaat aja (hilang saat mouse active di element lain). jadi kita bisa bikin rule kalau checkbox:checked kita sembunyikan element, defaultnya muncul.
ini contoh simple sidebar yang bisa dibuka tutup seperti yang diinginkan, hanya pakai CSS aja. https://jsfiddle.net/95g8gp9p/
thanks yo mas Rachmatsasongko, mantab jawaban na pas ma yang saya perlukan. sudah saya coba and berjalan baik.
mas LatifDayat makasih ya dah respon...
mungkin pertanyaan na agak ga jelas tapi syukur deh ada yang paham XD..