Tutorial : Blockquote - Part Three -

Assalamualaikum|Salam Sejahtera

sebelum dihover
selepas dihover

  Okey. kod blockquote ni asal dia dari akak Fatin. Hadifah just tambah yang blockquote hover je. Lagipon, ada orang request. Huhu ^_^. Okey jom.

.Blogskin tekan F3 cari blockquote {
.Washed Denim/Denim tekan F3 cari .post blockquote {

 Okey. Blogskin copy kod ni eh :
blockquote {
background: white;
padding:4px;
color:#ccc;
background-image:url(http://i.imgur.com/U45ZY.png);
background-size:200px;
background-position:bottom right;
background-repeat:no-repeat;
border:1px dashed #cecece;
-webkit-transition: 1.0s;
}
blockquote:hover {
background: white;
padding:4px;
color:#000;
background-image:url(http://i.imgur.com/EkNfy.png);
background-size:200px;
background-position:bottom right;
background-repeat:no-repeat;
border-radius:20px;
-webkit-transition: 1.0s;
} 
  Yang lain2 tu, pepandai lah edit :b..

Okey. Untuk Washed denim pulak :
 .post blockquote {background: white;
padding:4px;
color:#ccc;
background-image:url(http://i.imgur.com/U45ZY.png);
background-size:200px;
background-position:bottom right;
background-repeat:no-repeat;
border:1px dashed #cecece;
-webkit-transition: 1.0s;
}
.post blockquote:hover {
background: white;
padding:4px;
color:#000;
background-image:url(http://i.imgur.com/EkNfy.png);
background-size:200px;
background-position:bottom right;
background-repeat:no-repeat;
border-radius:20px;
-webkit-transition: 1.0s;
}
Okey, Tu je.. babai ^_^..

No comments:

Post a Comment

Tekan "publish" sekali je tau

Terima kasih komen

BUDI BAHASA BUDAYA KITA :)