Tutorial Sidebar Title Hover

ok yang ni pula sidebar title hover.nanti dia berubah ubah lah.cantik tau.. nak try ok meh ikut step ni..

dahsboarddesignedit html

tekan ctrl+F untuk search

h2 { atau .sidebar h2 {

untuk h2 { dulu, copy code di bawah ini && pastekan di atas code /*widgets

h2:hover {

-webkit-transition: 1s;

Background-image:url(URL GAMBAR);

background-repeat: repeat;

background-position:Bottom right;

border: 3px solid #A9BCF5;

font-weight: bold;

font-size: 15px;

text-align:center;

padding-right:0px;

-webkit-transition: 1s;

}

untuk .sidebar h2 { pula, copy code di bawah ini && pastekan di atas .sidebar ul {

.sidebar h2:hover {

-webkit-transition: 1s;

Background-image:url(URL GAMBAR);

background-repeat: repeat;

background-position:Bottom right;

border: 3px solid #A9BCF5;

font-weight: bold;

font-size: 15px;

text-align:center;

padding-right:0px;

-webkit-transition: 1s;

}

warna merah : url gambar yang korang suka

warna biru : ketebalan border

warna ungu : jenis border

warna oren : warna border

save