Create Blockquote using only css. There are many websites used in Blockquote. You can find many types of CSS Blockquote but this CSS Blockquote is made by CSS3 only.

This code is very easy to use. This code is a fully responsive design. I found this code on CodePen. The author of this code is Juan Pablo. My previous tutorial is how to create CSS Search Box With Animation Effects.

HTML

<div class="quote-wrapper"> <div class="blockquote"> <h1>Intuitive design happens when <span>current knowledge</span> is the same as the <span>target knowledge.</span></h1> <h4>—Prosenjit Sikdar<br><em>Web Site Usability: A Designer's Guide</em></h4> </div> </div>

CSS