Create an animated fancy marquee using HTML codes only

---

-> > >www.iDhali.com< < <-

During developing a website we use different types of languages and/or tricks to create different types of animations. You have already noticed the above text. I have created this animation using only some HTML tags. Actually I have used the <marquee> tad with some special attributes to create the above animation. The codes I have used is given below into the box.

<marquee behavior="alternate" direction="left" scrollamount="3" width="15%"> - </marquee> <marquee direction="left" scrollamount="1" width="4%"> > > > </marquee> THANKS FOR VISITING iDhali <marquee direction="right" scrollamount="1" width="4%"> < < < </marquee> <marquee behavior="alternate" direction="right" scrollamount="3" width="15%"> - </marquee>

Description for the above codes

---

Mainly I have used two sets of <marque> tag to make this possible. First of all I have run the - sign using a <marquee> with some special attribute. Look at the codes given below, I have used the <marquee> with the attributes behavior="alternate" direction="left" scrollamount="3" width="15%". These codes I have used to run the - sign of the left side. The same sign I have run at the right side using the same tags and attributes but I have changed the value for the attribute direction="". I have used right as the value to run the - sign from left to right.

<marquee behavior="alternate" direction="left" scrollamount="3" width="15%">

-

</marquee>

I have used another set of codes to run the > and < signs. The codes I have used to run the > sign from right to left is given below. The same codes I have used to run the < sign from left to right changing the attribute direction="right".

<marquee direction="left" scrollamount="1" width="4%">

< < <

</marquee>

- > > > Thanks for visiting iDhali < < < -

---

---