How to style your blockquote - Style 4

Demo:

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:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih9Xsi1O8L0f5tZixKHYkBLMPH335hsy8uF7xorhIvBdRMesRfb-zcZ7XI4eGPgOuKzhCpYGDxPgo7ky1PqN_acIzQp0cg7qn0lN3CQzWHtKXiNk-ylhLWAeU8HycdWRyh56d-AYtD62Ey/s1600/grey.png); padding:20px; border:3px solid #ffd5d5; color:#808080; -webkit-transition: 1.0s; -moz-transition: 1.0s; } blockquote:hover{ border-radius:20px; -webkit-transition: 1.0s; -moz-transition: 1.0s; -webkit-box-shadow: 0px 0px 8px #ffd5d5; -moz-box-shadow: 0px 0px 8px #ffd5d5; box-shadow: 0px 0px 8px #ffd5d5; }