Efek miring apabila cursor menyentuh link

Caranya:

1) Sign in akun blogger

2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates"

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari code

a:hover {

4) Kemudian copy paste code di bawah setelah code a:hover { yang anda cari tadi:

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

contoh:

 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 code di bawah pula:

a:link {

6) Kemudian copy paste code di bawah setelah code a:link { tadi:

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;

Contoh:

 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) Klik preview, jika tidak ada error, klik save dan lihat hasilnya.

Selamat mencoba! :)

 * efek ini hanya berkesan pada browser mozilla firefox

---

Sharing is Caring ^_^

---