Thursday, 24 May 2012

Blockquote Pusing 180 like me .

Assalammualaikum .
THIS IS MY OWN CODE , CREDIT ME IF YOU USED IT .
Alhamdulillah, jadi dah experiment Anis buat blockquote berstyle sikit, hehe .. nampak ni :

Nama saya Anis ..
Umur saya empat belas tahun ..
Saya tinggal di bumi ..
Okey, pergi ke Edit HTML, tekan ctrl+f atau f3 dan cari kode ini 
 .post blockquote {
After that, letak kode yang Anis bagi ni, di BAWAH kode tu ye :) . Makesure korang padam dulu kode blockquote korang yang lama sebelum buat ni, * bagi yang dah ade je lah :)

background: url(URL BACKGROUND);
-webkit-transition-duration: 3s;
border-top: 2px dashed #F5A2A2;
border-left: 2px dashed #58ACFA;
border-right: 2px dashed #58ACFA;
border-bottom: 2px dashed #F5A2A2;
  margin: 1em 20px;
}
.post blockquote:hover {
border-top: 3px solid #F5A2A2;
border-left: 2px solid #58ACFA;
border-right: 2px solid #58ACFA;
border-bottom: 3px solid #F5A2A2;
-webkit-transition-duration: 3s;
-webkit-transform: rotatey(180deg);
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
}
 Preview , jadi save :)

No comments: