Demo Blockquotes dengan Mouse effek Hover

Coba arahkan Mousenya dan lihat hasilnya....

blockquote {
background: #000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUY55f8snzT23zkP8JYMpZCIfVetVaibpVHaC1FHFhkAAhyphenhyphenRZrEbw4SGB1r4fR94yPopgWaDBtupVSvmqDABZPMVY5w2AyzJbRu81wVfwDDbntuecrkviX1EHHeETv5tcaFc8uCRdoLJU/s1600/bulb-off.gif) no-repeat right bottom ;
margin: 0 20px;
padding: 20px 70px 20px 20px;
color:#595959;
font: bold 0.9em "comic sans ms", "Times New Roman", Times, serif;
border:1px solid #DDD;
}

blockquote:hover {
background: #000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpTDHrDRTowBiEI2fHGA6VxXc6Uorlc_GSp6H4VKgPAKf2n5E4cj-ZUYIAyPHqDFwD6do-caZdIPCdYvPEv0mEd8ecPUIqnmF0gQL7C3v8hWroOPGLO8k8u5Dlt7C2EYh9N80H0L_kP3w/s1600/bulb-on.gif) no-repeat right bottom ;
color:#E0E089;
}


blockquote p {
margin: 0;
padding-top:10px;
}

Share This Post: