Blogskin/Classic template :
1. paste code after </style>
1. paste code into HTML/JavaScript
[hover sample]
Code :
<style>
img {
border:1px solid #ddd;
padding:2px;
}
img:hover {
-webkit-filter: opacity(0.5);
-webkit-transition-duration: 500ms;
}
</style>
Contrast hover :
Code :
<style>
img {
border:1px solid #ddd;
padding:2px;
}
img:hover {
-webkit-filter: contrast(0.5);
-webkit-transition-duration: 500ms;
}
</style>
Invert hover :
Code :
<style>
img {
border:1px solid #ddd;
padding:2px;
}
img:hover {
-webkit-filter: invert(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
[hover sample]
Code :
<style>
img {
border:1px solid #ddd;
padding:2px;
}
img:hover {
-webkit-filter: opacity(0.5);
-webkit-transition-duration: 500ms;
}
</style>
Contrast hover :
Code :
<style>
img {
border:1px solid #ddd;
padding:2px;
}
img:hover {
-webkit-filter: contrast(0.5);
-webkit-transition-duration: 500ms;
}
</style>
Invert hover :
Code :
<style>
img {
border:1px solid #ddd;
padding:2px;
}
img:hover {
-webkit-filter: invert(1);
-webkit-transition-duration: 500ms;
}
</style>
|