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

#Tutorial : Blockquote with hover effect VI
Sunday 27 December 2015 @ 08:41



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-family:courier;
font-size:11px;
color:#000;
padding:10px;
background-color:#eee;
-moz-border-radius:20px 0px 20px 0px;
-webkit-border-radius:20px 0px 20px 0px;}

blockquote:hover{
color:#fff;
padding:10px;
background : url(URL);
-moz-border-radius:0px 20px 0px 20px;
-webkit-border-radius:0px 20px 0px 20px;
-webkit-transition:0.5s;
-webkit-transition-duration:0.5s;}



Labels: