Tutorial- Flash blockquote

Before

after

So, macam ni care dia.

background-image: url(URL IMAGE BACKGROUND);
border:1px solid #f3e2a9;
border-left:10pt double #f3e2a9;
padding: 4px;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
}
.post blockquote:hover {
background-color: #ecfcec;
-webkit-transition-duration: 2.5s;
background-image:url(CUTE ICON);
background-position:bottom right;
background-repeat:no-repeat;
border:1px dashed #f3e2a9;
border-right:10pt double #f3e2a9;
}
.post blockquote p {
margin: .75em 0;
}

red : image background for your blockquote. you can find it here or here

blue : your blockquote hover background colour

green : your blockquote hover border colour

orange : blockquote border colour before hover

purple : you can find it here

color code : here

paste all the code below .post blockquote { okay?

save and done :)

you can change the code if you want.

credit: amylia 

---

You may leave your comment :)

---