Contoh macam gambar dekat bawah ni
Sebelum hover
Selepas hover,ada kesan shadow di belakang gambar
Blogskin/Classic template :
1. Copy code dalam blockquote dan Paste dibawah code </style>
Simple template :
1. Template > Edit HTML > Tick Expand Widget Templates
2. Copy code dalam blockquote dan Paste di atas code /* Header
img {
border:2px solid #eee; padding:2px;max-width:500px;
}
img:hover {
background: #eee;
background: #fff;
box-shadow: 6px 6px 0px #eee;
-webkit-transition-duration: 0.9s;
opacity: 0.8;
}
|
Thankyou for visiting.
I make some blog tutorial here & I hope you like it.
*No repost (just backlink if you want to share)
*All tutors are mine unless stated
|
Contoh macam gambar dekat bawah ni
Sebelum hover
Selepas hover,ada kesan shadow di belakang gambar
Blogskin/Classic template :
1. Copy code dalam blockquote dan Paste dibawah code </style>
Simple template :
1. Template > Edit HTML > Tick Expand Widget Templates
2. Copy code dalam blockquote dan Paste di atas code /* Header
img {
border:2px solid #eee; padding:2px;max-width:500px;
}
img:hover {
background: #eee;
background: #fff;
box-shadow: 6px 6px 0px #eee;
-webkit-transition-duration: 0.9s;
opacity: 0.8;
}
|