!✿ Pinky Vanilla Coklat✿!

Freebies : Cute Blockquote

Monday, 31 October 2011 | 17:30 | 0 comments

السلام عليكم و رحمة الله و بركاته

hyee guys :) hari ni mommuy

nk ajar korank buat pelbagai cute blockquote... mommuy ambil tuto ni dari una..

so korank kena creadit kat una k n just comment jew kat mommuy

so apa tunggu lagi...

Blockquote berkelip kelip

.post blockquote {
background:#FFC6C6;
-webkit-transition-duration: 3s;
padding: 12px;
margin: 2px 2px;
color: #ffffff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.post blockquote:hover {
background:url(http://i.imgur.com/s9QP2.png);
color: #000000;
-webkit-transition: 3s;
}

Blockquote Border Solid Turn Dashed

.post blockquote {
background:#FFC6C6;
Border:2px solid #DEB1B1;
-webkit-transition-duration: 3s;
padding: 12px;
margin: 2px 2px;
color: #ffffff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.post blockquote:hover {
Border:2px dashed #DEB1B1;
color: #000000;
-webkit-transition: 3s;
}

Blockquote Icon chomel

.post blockquote {
background:#FFC6C6;
-webkit-transition-duration: 3s;
padding: 12px;
margin: 2px 2px;
color: #ffffff;
border-left: 6px solid #DAB0B0;
border-right: 2px dashed #FFFFFF;
border-bottom: 2px dashed #FFFFFF;
border-top: 2px dashed #FFFFFF;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.post blockquote:hover {
color: #000000;
-webkit-transition: 3s;
background-image:url(http://i.imgur.com/XOAAg.gif);
background-position:bottom right;
background-repeat:
no-repeat;
}

Blockquote Icon Chomel Tembak

.post blockquote {

background:#FFC6C6;
-webkit-transition-duration: 2s;
padding: 12px;
margin: 2px 2px;
color: #ffffff;
border-right: 6px solid #DAB0B0;
border-left: 2px dashed #FFFFFF;
border-bottom: 2px dashed #FFFFFF;
border-top: 2px dashed #FFFFFF;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.post blockquote:hover {
color: #000000;
-webkit-transition: 2s;
border-left:20px double #DAB0B0;
background-image:url(http://i.imgur.com/XOAAg.gif);
background-position:bottom right;
background-repeat:
no-repeat;
}

Blockquote Border Square Turn To Radius

.post blockquote {
background:#FFC6C6;
-webkit-transition-duration: 3s;
padding: 12px;
margin: 2px 2px;
color: #ffffff;
border:2px solid #FF9696;
}
.post blockquote:hover {
color: #000000;
-webkit-transition: 3s;
border:2px solid #E8BEFF;
border-radius:10px
}

Blogquote Swinging 360deg( Senget)

.post blockquote {
background:#FFC6C6;
-webkit-transition-duration: 3s;
padding: 12px;
margin: 2px 2px;
color: #ffffff;
border:2px solid #FF9696;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
}
.post blockquote:hover {
color: #000000;
-webkit-transition: 3s;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
background-color: transperant;
-webkit-transition-duration: 2s;
border:2px dashed #FF9696;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
}

Older Post | Newer Post