Membuat Animasi Teks/gambar Bergerak Menggunakan Tag Html Marquee Behavior

key guys Pada artikel ini saya coba memperkenal kan cara membuat animasi bergerak menggunakan HTML & CSS ,..
woh ! bagaimana caranya dan seperti apa Hasil nya .. ? Bagi yang belum pernah mencoba/ mengenanya ayo kita lihat contoh content sederhana Dengan menggunakan Tag Marquee Behavior dibawah ini, Berikut Jenisnya …

marquee-in-html

 

Untitled

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="setting.css"type="text/css">
</head>

<body>
<div style="padding-top: 100px"></div>
<marquee behavior="slide" bgcolor="white">
    <p style="color:#ffffff"> <img src="LOGO%20SANGGAR.jpg"width="30"height="35"px> SLIDE</p>
</marquee>

<marquee behavior="slide" bgcolor="white">
    <img src="marquee-in-html.png"height="200px" width="150px">
</marquee>

<marquee behavior="alternatif" bgcolor="white"><p style="color:#ffffff">
    <img src="LOGO%20SANGGAR.jpg"width="30"height="35">ALTERNATIF</p></marquee>
<marquee behavior="alternate" bgcolor="white"><p style="color:#ffffff">

    <img src="LOGO%20SANGGAR.jpg"width="30"height="35">ALTERNATE</p></marquee>
<marquee behavior="alternate" bgcolor="white">
    <img src="marquee-in-html.png"height="200px" width="150px">
</marquee>
<marquee behavior="scroll" bgcolor="white" direction="left"><p style="color: #ffffff">
    <img src="LOGO%20SANGGAR.jpg"width="30"height="35">SCROLL</p></marquee>
</body>
</html>

Berikut Codingan diatas bisa anda lihat guys,Demikian artikel ini saya buat kita akan bertemu diartikel selanjutnya..
selamat Mencoba !!.. semoga Bermanfaat,