Cara Menambahkan Efek Jiggle Pada Blog

How To Add Jiggle Effects On The Blog

Jiggle Effects yaitu sebuah imbas yang sanggup menciptakan tulisan, tombol, link, dan sebagainya bergoncang. Efek Goncangan ini biasanya dibentuk untuk menarik perhatian visitor pada tulisan, tombol, atau link yang diberikan efek. Untuk previewnya sanggup Anda lihat pada result di final post.

Baca juga: Membuat Tombol Slide Demo dan Download Keren

Cara Menambahkan Efek Jiggle

1. Copy CSS berikut pada blog sobat. Letakkan sebelum atau di atas kode ]]></b:skin> atau </style>.

.anim {   animation: jiggle 2s ease-in infinite; }  @keyframes jiggle {   48%, 62% {     transform: scale(1.0, 1.0)   }   50% {     transform: scale(1.1, 0.9)   }   56% {     transform: scale(0.9, 1.1) translate(0, -5px)   }   59% {     transform: scale(1.0, 1.0) translate(0, -3px)   } }

2. Gunakan imbas jiggle dengan menambahkan atribut "anim" pada aba-aba class. Contohnya ibarat aba-aba tombol berikut.

<a class='tombol anim' href='#'>Jiggle</a>

3. Selamat Mencoba

Result

Saya rasa cukup sekian artikel Cara Menambahkan Efek Jiggle Pada Blog. Semoga sanggup bermanfaat bagi Anda yang menggunakannya. Sebelum mencoba, ada baiknya untuk meninggalkan komentar Anda terlebih dahulu. Terima Kasih telah membaca artikel di .