Huft, akhirnya aku dapet ide untuk buat blogskins list hover versi kelima. Kali ini modelnya kalau dihover akan ber-rotate tapi kesamping, biar kamu paham maksud aku, lihat aja dulu previewnya :
- Copy kode dibawah ini :
<style>
.wuyif{
border: 5px solid #f1f1f1;
width:90px;
margin: 5px;
border-radius:10px 10px 10px 10px;
-webkit-transform-style: preserve-3d;
-webkit-transition: 0.5s;
}
.wuyif:hover{
-webkit-transform: rotateY(180deg);
}
</style>
- Pastekan dimanapun kamu mau, misalnya di laman skins.
- Ubah kode yang berwarna merah dengan kode warna kesukaanmu.
- Kemudian, copy lagi kode dibawah ini :
<center>
<div><a href="Url blogskin" ><img class="wuyif" src="Url screenshot blogskin" /></a>
<a href="Url blogskin" ><img class="wuyif" src="Url screenshot blogskin" /></a>
<a href="Url blogskin" ><img class="wuyif" src="Url screenshot blogskin" /></a>
<a href="Url blogskin" ><img class="wuyif" src="Url screenshot blogskin" /></a></div></center>
- Pastekan lagi kode tadi dibawah kode yang telah kamu paste distep pertama.<br />
- Ubah kode yang berwarna hijau dengan url blogskins kamu.<br />
- Ubah juga kode yang berwarna biru dengan url image screenshot blogskins kamu dan ukurannya harus 100 x 100 pixel.
- Save and done!
No comments: