Kalo sebelumnya Textnya bergeser/membesar.... sekarang Textnya menjadi miring!!! hayo gimana tuh!!! mau tahu caranya gak??? OK Langsung aja yokkk (Ikuti Step).
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 kode ini.
a:hover {4) Kemudian copy paste kode di bawah kode a:hover { yang kalian 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 kode di bawah tadi :
a:link {6) Kemudian copy paste kodee di bawah kode a:link { tadi :
transition: transform .5s ease-in;Contoh:
-moz-transition: -moz-transform .5s ease-in;
-o-transition: -o-transform .5s ease-in;
-webkit-transition: -webkit-transform .5s ease-in;
a:link {7) Klik preview, jika gak ada error, klik save dan lihat hasilnya.
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;
Selamat mencoba! :)
"Wassalamualaikum"
Tidak ada komentar:
Posting Komentar