Hahaaaaa,,tak tahu nak bagi taju pe....
macam ni maksudnye tu,,
cer awak and awak sentuhakan kursor kamu tu ke blockqoute sye ni..

awak sentuhkan aje,,tayah klik..ngehngehngeh...

dia terus berputar 360 drjah kan?
okeng,,jom kita buad....



first,,, copy code bawah ni

blockquote {
    background: #fff;
    -webkit-transition-duration: 4s;
    padding: 8px;
    margin: 3px 3px;
    color: #000000;
    border:3px solid #000000;
  -moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
    }

     blockquote:hover {
background: #fff;
    color: #000;
    -webkit-transition: 3s;
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    background-color: transperant;
    -webkit-transition-duration: 2s;
    border:2px dashed  #000000;
    -moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
    }

 Ok,,now,, for penerangan dia...
yang warna merah dan diboldkan,,
tu,, mesti korang semua dah tahu kan???
mean,,,kalau nak edit,boleh edit balek,,
kalau taknak,,takpe,,biarkan je...
Walaubagaimanapun,,saya tetap akan menerangkan apakah itu yang
warna merah tu..
Itu semua ukuran buat blockquote kamu,,
saiznya,bila dia nak transform n dll..
so,,bagi saya,,takyah tukarlahh.. :)

Now,,for yang warna ungu diboldkan
Itu adalah kode warna..
kode warna,boleh rujuk sini
Kalau tu,,semua reti kan?? :D
bagus-bagus :)

Lepastu,,yang warna coklat diboldkan pulak
itu adalah bentuk border...
kalau nak tukar,tukar,,kalau taknak tukar,,,,takpayahlahh :)
ni contoh-contoh border...
semua bentuk border bawah ni,,saya kreditkan kee kak lyssa

















Oke,,sekarang yang LAST!
iaitu yang warna biru diboldkan :)

Itulah kode yang menyebabkan dia berputar 360 darjah...
so,,kalau nak letak,,letaklah,taknak,,padam je kode tu..

nota kaki: untuk yang nak buat bakground blockquote bergambar,taknak guna
kode warna je kan?
boleh tukar kode background  jadi  camni

background : url ('kode background') ; 

haaa,,senang jek kan??
awak-awak jangan tuduh saya rip kode awak eh!
saya buat ni,guna kode header berputar 360,hilang dan kode border for sidebar tau!

Labels: tutorial