HOME TUTORIALS FREEBIES TWITTER FACEBOOK INSTAGRAM

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

1 comment:

roseL :) said...

nisa , knp tadak pon code .post blockquote{ tue eh ? tlg laa sys ..

Template By NisaaRazie