label berputar sa'at disorot cursor

Langsung saja 
di bawah ini adalah kode html yang di gunakan ::


.label-size a{text-transform:uppercase;float:left;text-decoration:none} .label-size a:hover{text-decoration:none} .label-size{float:left;font-size:10px;color:#666;text-transform:uppercase;text-decoration:none;border:solid 1px #C6C6C6;border-radius:3px;margin:0 2px 6px 0;padding:3px} .label-size:hover{border:1px solid #6BB5FF; text-decoration: none; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -moz-transform: rotate(7deg); -o-transform: rotate(7deg); -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); transform: rotate(7deg); filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand'); zoom: 1; }

Anda juga bisa mengubah warna border,ukuran label,rotate(putaran),zoom dan warna border sa'at di sorot cursor

Cara pasang :: masuk blogger>>template>>seuikan(perancang template bloger)>>tingkat lanjut>>tambah CSS >> simpan(terapapkan) 

Agar lebih jelas lihat gambar di bawah ini ::


Jika sudah di pasang hasil label masih tetap anda harus mengubah konfigurasi label 
Dari tampilan daftar menjadi Cloud
Lebih jelasnya lihat gambar di bawah ini::
Selamat mencoba dan semoga anda suka dengan hasilnya 

0 Response to "label berputar sa'at disorot cursor"

Post a Comment