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

#Tutorial : Blockquote with hover effect IV
Saturday 26 December 2015 @ 09:56



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 {padding: 5px; font: 10px courier;
color: #aaa;
background: url(URL);
letter-spacing:1px;
border: 2px double #000;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
blockquote:hover {
color: #000;
background: url(URL);
color:#0000;
-webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
}

Labels: