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

#Tutorial : Blockquote with hover effect
Saturday 26 December 2015 @ 06:38




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 {font: 8pt courier;color: #aaa;
border-top: 1px dashed #ffe5f3;
border-bottom: 1px dashed #ffe5f3;
padding: 10px;}
blockquote:hover {
border-left: 20px solid #78606C;
border-image: url(URL) 20 round;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
border-right: 20px solid #78606C;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
}


URL = Replace your image URL 
#ffe5f3,  #78606C = Replace your own colour code

Labels: