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 : CSS : And here one
& 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;
# 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;}}
Comments
Post a Comment