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

10 Oktober 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat