Cara membuat text bergoyang goyang diblogger

Hello sobat IcloudZer kali ini saya akan memberikan informasi mengenai blogger untuk membuat sebuah tampilan text anda menjadi lebih menarik dan elegan ok, lebih tepatnya saya akan membahas bagaimana cara membuat text bergoyang dalam tulisan saya kali ini

Text bergoyang

Text bergoyang ini apabila anda terapkan dan anda gunakan didalam Templete maka text tersebut akan memiliki gaya bergelombang atau bisa disebut textnya akan bergoyang goyang secara otomatis dan lurus

Responsif

Membuat text bergoyang diblogger ini sebenarnya dibuat dengan menggunakan kode CSS, jadi tidak akan mempengaruhi performa kelajuan loading blog anda

Jadi jangan khawatir blog anda akan menjadi lambat ketika ingin membuat text bergoyang diblogger

Pembuatan Text goyang

Baiklah sobat setelah saya membahas mengenai text bergoyang diatas, maka selanjutnya kita akan masuk kedalam cara pembuatannya, perhatikan setiap cara yang akan saya jelaskan sebentar lagi

Kode CSS

Salin kode CSS dibawah ini kemudian tempelkan didalam template anda tepatnya diatas kode ]]:</b;skin> atau sebelum kode ]]:</b;skin>

d-ni{display:inline-block;color:red;-webkit-transform:scale(.9);-moz-transform:scale(.9);transform:scale(.9);-webkit-animation:d-ni .5s infinite linear alternate-reverse;-moz-animation:d-ni .5s infinite linear alternate-reverse;animation:d-ni .5s infinite linear alternate-reverse;}

@-webkit-keyframes d-ni{to{-webkit-transform:scale(1.2)}}

@-moz-keyframes d-ni{to{-moz-transform:scale(1.2)}}

@keyframes d-ni{to{transform:scale(1.1)}}

Kode html

Untuk menggunakan text bergoyang nya kamu bisa menggunakan kode html pemanggilnya seperti contoh dibawah ini

<span class='d-ni'>Text bergoyangnya seperti ini</span>

Contoh text goyangnya akan seperti contoh di bawah ini

Text bergoyangnya seperti ini

Nah begitulah sobat IcloudZer dalam pembahasan kita kali ini untuk membuat Text goyang diblogger, jika kamu menyukai Artikel kami jangan lupa untuk membagikan ke temen-temen kamu ya