Efek Link Miring

Kita akan membuat efek Link berubah menjadi miring saat disentuh kursor, ini dia caranya :

1. Dashboard
2. Template
3. Edit HTML
4. Ctrl+F dan cari kode a:hover {
5. Tempelkan kode dibawah ini tepat di bawah kode a:hover {

transform: rotate(7deg);

-moz-transform: rotate(7deg);

-o-transform: rotate(7deg);

-webkit-transform: rotate(7deg);

6. Nanti jadi tata letaknya seperti di bawah ini :

transform: rotate(7deg);

-moz-transform: rotate(7deg);

-o-transform: rotate(7deg);

-webkit-transform: rotate(7deg); 

7.  Selanjutnya tekan lagi Ctrl+F dan cari kode a:link {
8. Tempelkan kode berikut 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;

9.  Jadi nanti seperti ini :

 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;

10. Simpan template dan Refresh Blog kamu,...  Selamat mencoba  

Baca Artikel Lainnya