How to style your post blockquote - Style 6

This is the live preview of blockquote style 2. Please hover this blockquote to see the hover effect. To use blockquote, highlight the text and click . To have this kind of blockquote in your blog, simply follow the instruction below.

1. Blogskins/ Classic template : Paste the codes giver before/above </style>

2. Template designer : Paste codes given before/above ]]></b:skin> 

blockquote{ background:#fff; padding:20px; color:#808080; border-top:5px groove #FFD7D7; border-bottom:5px groove #FFD7D7; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } blockquote:hover{ border-top:5px groove #FF9999; border-bottom:5px groove #FF9999; }