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

#Tutorial : Blockquote with hover effect VIII
Sunday 27 December 2015 @ 22:19



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);
border-radius:10px;
border: 10px solid #000;
padding: 10px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
font:12px trebuchet ms;
}

blockquote:hover{
-webkit-transition:All 0.9s ease;
-moz-transition:All 0.9s ease;
-o-transition:All 0.9s ease;
border-left: 1px dashed #000;
border-right: 1px dashed #000;
border-top: 5px solid #000;
border-bottom: 5px solid #000;
padding:5px;
color: #000;
font:12px trebuchet ms;
}

Labels: