Animasi Letter Spacing dengan JQuery

Hallo dumenity bertemu lagi di tutorial jquery. Pada kesempatan kali ini kita akan coba membuat sebuah animasi letter spacing. Dalam pembuatan animasi ini kita akan menggunakan function click dimana ketika tombol animasi diklik maka letter spacing akan bertambah dan begitu juga sebaliknya. Untuk lebih jelas ikuti tutorial berikut.

Buatlah kode HTML yang terdiri dari 2 buah tombol dan paragraf seperti berikut :

Kemudian buatlah script jquery untuk membuat animasi letter spacing pada paragraf yang telah kita buat.

Pada button 1 diberi fungsi animasi letter spacing kelipatan 10px. maksudnya setiap button 1 diklik maka letterspacing pada paragraf akan bertambah 10px. Begitu juga sebaliknya yang terjadi pada button2.

Hasilnya :