Tolong bikin script untuk sidebar pakai HTML, CSS, dan JS.

Berikut ini adalah pertanyaan dari TitoEstu pada mata pelajaran TI untuk jenjang Sekolah Menengah Pertama

Tolong bikin script untuk sidebar pakai HTML, CSS, dan JS. ​

Jawaban dan Penjelasan

Berikut ini adalah pilihan jawaban terbaik dari pertanyaan diatas.

Pakai css

* {

font-family: Arial, Helvetica, sans-serif;

margin: 0;

padding: 0;

}

.toggle-sidebar {

border: none;

background-color: #3097af;

color: white;

font-weight: bold;

padding: 10px;

position: absolute;

right: 10px;

top: 10px;

cursor: pointer;

}

.sidebar {

height: 100vh;

width: 200px;

list-style: none;

background-color: #3097af;

}

.sidebar li a {

display: block;

padding: 25px;

text-decoration: none;

color: white;

font-weight: bold;

text-transform: uppercase;

border-bottom: 1px solid silver;

transition: background-color 0.5s;

}

.sidebar li a:hover {

background-color: rgba(255, 255, 255, 0.3);

}

Semoga dengan pertanyaan yang sudah terjawab oleh NajibPart3 dapat membantu memudahkan mengerjakan soal, tugas dan PR sekolah kalian.

Apabila terdapat kesalahan dalam mengerjakan soal, silahkan koreksi jawaban dengan mengirimkan email ke yomemimo.com melalui halaman Contact

Last Update: Fri, 03 Dec 21