My imagination are strong enough for me to hold on.
Hello 2017

#Tutorial : Blockquote with hover effect V
Sunday 27 December 2015 @ 00:26



1.Open your blog template, change to Edit Html
2.Press Ctrl+F (Command+F for Mac user)
3.Find </style>
4.Put this code before </style>

blockquote{
background: url(URL );
font:10pt courier;
padding:5px;
border-left:20px solid #000;
border-right:20px solid #eee;
color:#000;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
blockquote:hover{
background: url(URL );
display:block;
padding:5px;
border-left:20px solid #eee;
color:#808080;
border-right:20px solid #000;
color:#aaa;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}


URL = Replace your image URL 

Labels: