Efek Miring Saat Cursor Menyentuh Link

1) Sign in akaun blogger
2) Dashboard > Design > Edit HTML > Centang kotak "Expand Widget Templates"
3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kode a:hover {
4) Kemudian copy kode dibawah ini dibawah kode a:hover {

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

5) Sekali lagi, dengan menggunakan ctrl + F, cari kode a:link {
6) Paste kode dibawah ini dibawah kode a:link {

transition: transform .5s ease-in;
-moz-transition: -moz-transform .5s ease-in;
-o-transition: -o-transform .5s ease-in;
-webkit-transition: -webkit-transform .5s ease-in;

7) Simpan template, dan lihat hasilnya...

0 komentar:

Posting Komentar