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

python - how we can use ajax() in views.py in django? -

matlab - Using loops to get multiple values into a cell -

python - Sequence Pattern recognition with Pybrain -