Bagi temen-temen yang menginginkan tampilan teks yang dapat bergerak atau seriing disebut animasi teks, bisa anda pelajari materi di baawah ini :
1. Menggunakan marquee
Marquee adalah sebuah tag HTML yang dapat memberi efek gerak pada sebuah teks dari beberapa arah ,,,,,carana adalah sebagai berikut:
Marquee adalah sebuah tag HTML yang dapat memberi efek gerak pada sebuah teks dari beberapa arah ,,,,,carana adalah sebagai berikut:
<marquee>Belajar blog</marquee>
itu tadi merupakan kode dasar dari tag animasi berjalan, unruk lebih memper indah tulisan-tulisan, kita, perlu menambah kan animasi- animasi lainya seperti direction, behavior, scrollamount, scrolldelay, loop dan bgcolor. untuk lebih jelas, silahkan melihat contoh dobawah nie...
<marquee direction='right'>Belajar blog</marquee> <marquee direction='left'>Belajar blog</marquee> <marquee direction='up'>Belajar blog</marquee> <marquee direction='down'>Belajar blog</marquee> |
<marquee behavior='scroll'>Belajar blog</marquee> <marquee behavior='slide'>Belajar blog</marquee> <marquee behavior='alternate'>Belajar blog</marquee> |
<marquee scrollamount='20'>Belajar blog</marquee> <marquee scrollamount='50'>Belajar blog</marquee> |
<marquee scrolldelay='150'>Belajar blog</marquee> <marquee scrolldelay='200'>Belajar blog</marquee> |
<marquee loop='3'>Belajar blog</marquee> <marquee loop='5'>Belajar blog</marqueetunyaten> |
<marquee bgcolor='yellow'>Belajar blog</marquee> <marquee bgcolor='blue'>Belajar blog</marquee> |
nah...., dari contoh diatas tentunya tmen-tmen bisa menggabungkan tag-tag menjadi sbuah animasi baru, sperti dibawah ini..
<marquee direction='up' behavior='alternate' scrollamount='35'>Belajar blog</marquee> |
Untuk gabungan yang lain silahkan kreasikan sendiri sesui dengan tampilan yang anda inginkan.
Efek Animasi dengan menggunakan "blink"
Blink merupakan suatu tag HTML yang dapat memberikan efek berkedip dari suatu teks. Berikut cara penulisan tag blink dan efek yang ditimbulkannya :
<blink>Belajar blog</blink>
0 komentar:
Posting Komentar