#Tutorial : Blockquote with hover effect IX
Sunday, 27 December 2015 @ 22:22
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;
border-top:1px dashed #000;
border-bottom:1px dashed #000;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
}
blockquote:hover{
border-top:1px solid #000;
border-bottom:1px solid #000;
padding:10px;
color: #000;
-webkit-transition:All 0.9s ease;
-moz-transition:All 0.9s ease;
-o-transition:All 0.9s ease;
}
Labels: tutorial