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

#Tutorial : Blockquote with hover effect VII
Sunday 27 December 2015 @ 09:05



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:#fff;
font:11px trebuchet ms;
color:#aaa;
border-top: #ddd 2px solid;
border-bottom: #ddd 2px solid;
padding: 5px;  -webkit-transition:All 0.9s ease;
-moz-transition:All 0.9s ease;
-o-transition:All 0.9s ease; }

blockquote:hover{
text-align:center;
border:3px solid #000;
padding:7px;
font:11px trebuchet ms #fff;
color: #000;
-webkit-transition:All 0.9s ease;
-moz-transition:All 0.9s ease;
-o-transition:All 0.9s ease;
background: url(URL);
}


Labels: