Blogskin/Classic template :
1. paste code after </style>
1. paste code into HTML/JavaScript
Blur hover :
[hover sample]
Code :
<style>
img{
border:1px solid #ddd;
padding:2px;
}
img:hover{
-webkit-filter: blur(3px);
-webkit-transition-duration: 500ms;
}
</style>
Grayscale hover :
[hover sample]
Code :
<style>
img {
border:1px solid #ddd;
padding:2px;
}
img:hover {
-webkit-filter: grayscale(1);
-webkit-transition-duration: 500ms;
}
</style>
Sepia hover :
[hover sample]
Code :
<style>
img {
border:1px solid #ddd;
padding:2px;
}
img:hover {
-webkit-filter: sepia(1);
-webkit-transition-duration: 500ms;
}
</style>
|
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
|
Blogskin/Classic template :
1. paste code after </style>
1. paste code into HTML/JavaScript
Blur hover :
[hover sample]
Code :
<style>
img{
border:1px solid #ddd;
padding:2px;
}
img:hover{
-webkit-filter: blur(3px);
-webkit-transition-duration: 500ms;
}
</style>
Grayscale hover :
[hover sample]
Code :
<style>
img {
border:1px solid #ddd;
padding:2px;
}
img:hover {
-webkit-filter: grayscale(1);
-webkit-transition-duration: 500ms;
}
</style>
Sepia hover :
[hover sample]
Code :
<style>
img {
border:1px solid #ddd;
padding:2px;
}
img:hover {
-webkit-filter: sepia(1);
-webkit-transition-duration: 500ms;
}
</style>
|
