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
Post a Comment