Cara Membuat Background Modal Bootstrap Transparan

Baik teman-teman DUMET School, pada tutorial kali ini saya akan mengajarkan bagaimana caranya membuat background modal yang ada di bootstrap menjadi transparan. Modal adalah jendela pop up yang muncul ketika ada aksi dari pengunjung. Di Bootstrap untuk membuat jendela popup sangat mudah sekali karena kita tinggal mengcopykan baris program yang sudah di sediakan oleh Bootstrap. Nah pada kesempatan kali ini kita akan coba membuat background pada popup yang ada di bootstrap menjadi transparan. Baik kita akan langsung membuatnya saja ya teman-teman.

Pertama kalian bisa buat satu file dengan nama index.html, dan ketikan baris program di bawah ini, atau kalian bisa mencopynya dari website bootstrap nya langsung.

Pada baris program di atas bisa kalian perhatikan, kalian bisa menambahkan nama class sesudah class modal yaitu .modal-transparent, fungsi dari class tersebut adalah, kita akan menambahkan property CSS yaitu background : transparent pada class tersebut.

Berikut CSS untuk membuat modal di bootstrap menjadi transparan.

Dan yang terakhir adalah kalian bisa menambahkan script javascript di bawah ini.

Maka hasilnya seperti ini.

Cukup mudah bukan teman-teman, sekian dulu tutorial dari saya, semoga tutorial ini bermanfaat untuk teman-teman ya. Terima Kasih