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

#Tutorial : Blockquote with hover effect X
Sunday 27 December 2015 @ 22:24



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:8px trebuchet ms;
text-transform:uppercase;
letter-spacing:2px;
padding:4px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
border:1px solid #000;
}

blockquote:hover{
-webkit-transition:All 0.9s ease;
-moz-transition:All 0.9s ease;
-o-transition:All 0.9s ease;
border:1px dashed #000;
padding:5px;
color: #000;
border-radius:10px;
}

Labels: