Hallo sobat program, bertemu lagi dengan saya Rizal. Alhamdulilah masih diberikan kesehatan, panjang umur, dan bahagia. Pada kesempatan kali ini saya akan memberikan sedikit tips tentang marquee pada HTML. dan untuk pembahasan ini saya berikan sebuah judul tentang Cara Membuat Marquee Bottom to Top HTML CSS.
Oke sebelum kita mulai, saya akan membahas sedikit tentang Marquee pada HTML. marquee pada HTML merupakan fungsi dari HTML yang bertujuan untuk sebuah bagian yang diberikan fungsi marquee akan bergerak sesuai pada pengaturan yang kalian inginkan.
Untuk contoh simple nya pasti kalian pernah lihat dalam sebuah website ada sebuah text yang bergerak atau berjalan ?. nah itu merupakan fungsi dari marquee. Dan untuk umumnya marquee digunakan untuk sebuah text berjalan dari kiri kenan atau dari kanan ke kiri. Dan di pembahasan ini kita akan membuat 1 bagian entah itu text ataupun sebuah gambar akan berjalan atau bergerak dari bawah ke atas (Bottom To Top) dan berikut ini kita mulai praktek tentang Cara Membuat Marquee Bottom to Top HTML CSS.
Langsung saja, silahkan teman-teman buat sebuah file HTML lalu kemudian ketikan kode HTML dan CSSnya seperti pada contoh dibawah ini :
Jika sudah silahkan kalian run atau jalankan pada browsernya, dan hasilnya pasti belum ada efek berjalan ya masih sebuah tampilan text- dan gambar biasa. Oke untuk membuat efek berjalan itu kita gunakan marquee pada html. silahkan teman-teman tambahkan element marquee beserta atributenya menjadi seperti pada contoh dibawah ini :
Oke ketika dijalankan maka hasilnya akan menjadi seperti pada contoh gambar dibawah ini :
Yak ! sangat mudah ya teman-teman untuk elemen marquee pada HTML ini. Dan diatas merupakan contoh sederhana dari penggunakan marquee pada HTML.
Terimakasih, sekian pembahasan saya kali ini tentang Cara Membuat Marquee Bottom to Top HTML CSS. semoga dapat sangat bermanfaat buat teman-teman.