Cara Mendisable Link di Menu Dengan CSS

Pada tutorial kali ini saya akan berbagi informasi tips dan trik kepada teman-teman yaitu cara menonaktifkan atau mendisable link menu dengan CSS. Sebenarnya contoh kasus yang seperti ini belum pernah kita jumpai di Website-Website sekarang dan jarang di gunakan juga kasus seperti ini tetapi di sini saya hanya ingin berbagi informasi kepada teman-teman saja cara Mendisable atau Menonaktifkan sebuah link di menu dengan CSS, tetapi menu tersebut tidak di hilangkan hanya warnanya saja yang agak di transparsi dan tidak bisa di klik agar terlihat perbedaannya. Baiklah langsung saja kita masuk ke pokok pembahasanya ya.

Pertama Buat file HTML nya seperti di bawah ini :

Bisa kita lihat gambar di atas di situ terdapat class disable yang artinya menu Profile akan kita disable atau non-aktifkan.

Kemudian CSS untuk Mendisable atau Menonaktifkan link menu nya di bawah ini :

CSS nya bisa kita lihat terdapat Property pointer-events: none dan opacity: 0.2 yang artinya akan menonaktifkan link menu profile dan mentransparankan background colornya agar terlihat perbedaanya.

Untuk melihat hasilnya bisa klik di SINI.

Sekian dulu tips dan trik dari saya semoga bisa menambah ilmu teman-teman. Terima Kasih