javascript - Creating Text Decoration that Moves -


How do I create decorations of a moving text such as "users", "companies" line moves, any idea how? Thank you :)

Using CSS3 Animation:

HTML :

  & lt; Div id = "test" & gt; & Lt; H2 & gt; Some title & lt; / H2 & gt; & Lt; P & gt; For information about our accusers for all the accusations, for our website, think about my teenagers, broken utility tripni Sumo Rebum conclusions and use the role of Magna Glacier in the Duo Delinity Delcatata EI, and this game Is out. & Lt; / P & gt;   

CSS :

  # test {display: block; Background: URL ('http://launchpad.la/wp-content/themes/launchpad-la/resources/css/images/nav-retina-red.png') Repeat-x; Width: 200px; Height: 3px; } #Test: Hover {animation: move 3s easily -Internally; Webkit-animation: move 3s easily -Internally; -MOZ- Animation: move 3s smoothly - in infinity; -mms-animation: move 3s easily-in infinity; } {Background-position: 0 pixel 0 pixel;} to {background-position: 1000px 0px;}} @ -webkit-keyframes {{background-position: 0px 0px;} move {background-position: 1000px} to 0px ;}} @ -moz-keyframes {{background-position: 0px 0px;} Move {background-position: 1000px 0px;}} @ -ms-keyframes {{background-position: 0px 0px;} to {background -Situation: 1000px 0px;}}   

And here one

Comments

Popular posts from this blog

c - Mpirun hangs when mpi send and recieve is put in a loop -

python - Apply coupon to a customer's subscription based on non-stripe related actions on the site -

java - Unable to get JDBC connection in Spring application to MySQL -