Effect senget bila cursor menyentuh Blockquote




ehhh!!! 
bek2 kang terjatuh lak pic tue..
hihihi....gurau jew
tue salah satu contoh tutorial kali nie ye
kelakar x pic tue??



1. Log in > Dashboard > Design > Edit Html


2. kowg cae kod kt bawah nie dalam search CTRL "F"

          a:hover {

3. lepas tue kowg COPY PASTE kod bwh nie dan letak di antara  a:hover { kod }

         transform: rotate(7deg);
         -moz-transform: rotate(7deg);
        -o-transform: rotate(7deg);
       -webkit-transform: rotate(7deg);

4. contoh cm kt bawah nie

       a:hover { transform: rotate(7deg);
         -moz-transform: rotate(7deg);
        -o-transform: rotate(7deg);
       -webkit-transform: rotate(7deg); }

5. so kowg PREVIEW..kalau jadi SAVE K. nk copy tekan CTRL "C"


                                      TUNGGU!!!

langkah kedua


1.Log in > Dashboard > Design > Edit Html

2. tekan search CTRL "F" cae kod ini
      .post blockquote {  ATAU   blockquote:hover {

3. dh jumpa kan?? COPY kod nie pulak

       blockquote:hover {
     -webkit-border-radius: 36px 12px;
    -moz-border-radius: 36px 12px;
    -webkit-transform: skew(1.deg,1.5deg);
    -moz-transform: rotate(3deg);
    -webkit-transform: rotate(3deg); }
    border:2px dashed #000000;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
      }

4. lepas tue PASTEkan di bawah kod yg kowg cae td ye
5. then. PREVIEW and SAVE.

merah : bley ganti dgn kode warna pilihan anda klik sini


             kalau kowg xleh jugak CARA 1 and CARA 2...ermmmm ikaa xtw laa






2 Komentar untuk "Effect senget bila cursor menyentuh Blockquote"

Thanks for sharing. Dah buat n jadi. Tapi takde bintang2 mcm kat sini la knpa ek? Lagi satu mmg border die kaler pink ek. Kalau nak tukar warna lain mcm mana ek?

@Engku Muzahadin

Ohhhh...yg warna merah tue kod warna..awk leh tukar ikut pa awk suka k..tapi kalau yg kuar bintang2 tue lak..awk liht tutor len lak..sy xmsuk kan skli sbb ade yg xska bintang2 nie.myb dowg nk letak yg len..:)

Terima kasih untuk komen yang berharga anda, datang lagi.

 
Copyright © 2014 Bakul2011.com - All Rights Reserved
Template By. Catatan Info