xZee Blog



Membuat animasi teks keren HTML tanpa css dan javascript

Plsy Store Street Fight
Zen Sama
xZee Blog
HTML Tutorial

HTML CODE

TENTANG

merupakan satu-satunya kode tag html yang memiliki fungsi unik, yaitu membuat teks yang berada di dalam tag ini akan bergerak layaknya sebuah animasi.

CONTOH

berikut ini adalah semua atribut yang hanya bisa berfungsi pada tag marquee.
Memantul Ke kiri dan kanan
xZee Blog html tutorial
<marquee
	behavior="alternate">
teks
		</marquee>
Mengarah ke atas
aku terbang..
<marquee
	scrollamount="3"
		direction="up">
teks
			</marquee>
Mengarah ke bawah

****
****
****
********
*****
**
xZee Blog
<marquee scrollamount="3" direction="down"> teks </marquee> Mengarah ke kiri xZee Blog Marquee <marquee scrollamount="3" direction="left"> teks </marquee> Mengarah ke kanan xZee Blog Marquee <marquee scrollamount="3" direction="right"> teks </marquee>
Semakin besar scrollamount semakin cepat gerakan teks yang berada dalam kode. Contoh marquee dengan scrollamount 20 (sangat cepat)
ketahuan.. 😱 Kabur....
					Maling.. maling...😬 
		 
sementara semakin kecil scrollamount semakin lambat teks pada marquee. contoh dengan scrollamount 1 (paling lambat)
Perhatian... Penting... Jangan dianggap sepele.. ini.. adalah hayo apa coba... adalah... adalah CONTOH.. 😱😮😆 Kode marquee tidak membutuhkan bantuan css seperti @key-frame dan kode javascript untuk membuat sebuah animasi teks berjalan.. Catatan untuk kecepatan gulir teks pada bagian marquee behavior tidak bisa dikendalikan alias hanya bisa secepat itu. berikut adalah trik teks animasi melayang ke atas dengan tag html marquee dan bantuan css. "contoh pada bagian kiri posting ini.
A
K
U

T
E
R
B
A
N
G
kode marquee terbang di sisi kiri halaman ini <!-- marquee melayang dibuat oleh Zen Sama --> <style> .terbang { position: fixed; font-size: 1.5em; left: 0; top: 0; bottom: 0; } </style> <marquee class="terbang" scrollamount="3" direction="up"> teks melayang.. </marquee>
bagaimana keren kan kode tag marquee, jika kamu telaten bikin style css, kode marquee bisa sangat menawan. terlebih jika menggunakan position: absolute; Dan dipadukan dengan @font-face idih.. oke itulah posting singkat terkait kode marquee dengan judul "Membuat animasi teks keren HTML tanpa css dan javascript" bila ada yang belum paham cara untuk anu silakan tinggalkan komentar.. ✌
Share This Post

Post Detail


Posted By: Zen Sama
Posted On: 09 Nov 2017 19:15
Category: Belajar HTML dan CSSBlog dan Web


Leave a Comment

Ramadhan GF
09 Nov 2017 19:57
Kalo cuma <marquee>text</marquee> gimana gan?
Zen Sama
11 Nov 2017 06:33
@Ramadhan GF, bisa saja.
kalo hanya kode marquee tanpa atribut direction dan scrollamount akan jadi seperti

<marquee scrollamount="5" direction="left">text</marquee>

Please Login first for post a comment

Bookmark
Category
Please switch off your AdBlock and refresh this page :)