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  

No comments:

Post a Comment