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;
}
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.