Membuat Tag Hover pada Widget

Membuat Tag Hover pada Widget

Sahabat Bloggers yang berbahagia, kadang kita ingin ada baground yang statis namun bisa membosankan dan jenuh dengan bagsroun yang tidak ada perubahan. Berikut ini ada cara termudah untuk membuat peribtah/tag HTML hover yaitu perdeseran perubahan baground yang statis menjadi dinamis. Saya akan mencontohkan seperti beground widget yang dapat berubah ketika disentuh mouse, apakah Anda tertarik untuk membuat? caranya sangat mudah yaitu dengan menambahkna perintah pada cssnya. Silahkan buat css yang di terapkan diatas ]]> dengan kode tag HTML sebagai berikut:

CSS

#main { 
        margin:....; 
        overflow: ....; 
        padding:....; 
        width:....; 
} 

Carilah tag #main atau #main .widget jika sudah ketemu tambahkan css berikut ini, jika tidak cocok dengan warna bagrounnya Anda bisa menggantinya atau jika Anda mempunyai baground menarik silahkan pasangkan pada URL baground, untuk melihat hasilnya silahkan goyang mouses Anda ke widget maka begroun akan berubah:

CSS

#main .widget:hover  
background:#83776D;url('http://!jika menggunakan gambar milik Anda') no repiet; 
-webkit-transition-duration: 3.5s; 
.color:#FFFFFF;  
} 

Demikian posting saya yang singkat ini semoga menjadikan pengakaman yang baik. Akhir kata wabillahitaufiq walhiyah
Wassalamu'alaikum warkahmatullahi wabarakatuh.