Tutorial : Blockquote (ii)

Assalamualaikum.
Jom kita belajar buat blockquote version kedua pula ;)

Live Preview :

BLOCKQUOTE WITH HOVER

• Designer Template and Classic Template/Blogskins paste dekat bawah blockquote { atau <style>

blockquote {
padding:4px;
color:#ffffff;
font-size:11px;
background: #B975F9;
border-left:4px solid #9A2EFE;
border-right:4px solid #9A2EFE;
padding: 8px;
margin: 15px;
-webkit-transition:0.5s;
}
blockquote:hover {
background: #58D3F7;
color: #2E2E2E;
border-left:4px solid #848484;
border-right:4px solid #848484;
-webkit-border-radius: 36px 12px;
-moz-border-radius: 36px / 12px;
-webkit-transform: skew(-1.deg,-1.5deg);
-webkit-transition:0.5s;
}

• Tak paham? Tanya Nisa dekat sini okayy? : http://ask.fm/nisaaanisaa