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