animation-play-state: paused | running | initial | inherit ;
Property Values
<style type="text/css"> div.animate { width:50px; height:50px; color:white; padding:2px; background:blue; position:relative; animation:boxmove 5s infinite; /* Firefox */ -moz-animation:boxmove 5s infinite; /* Safari and Google Chrome */ -webkit-animation:boxmove 5s infinite; } #test1 { animation-play-state:running; /* Firefox */ -moz-animation-play-state:running; /* Safari and Google Chrome */ -webkit-animation-play-state:running; } #test2 { animation-play-state:paused; /* Firefox */ -moz-animation-play-state:paused; /* Safari and Google Chrome */ -webkit-animation-play-state:paused; } @keyframes boxmove { from {left:0px;} to {left:210px;} } @-moz-keyframes boxmove /* Firefox */ { from {left:0px;} to {left:210px;} } @-webkit-keyframes boxmove /* Safari and Google Chrome */ { from {left:0px;} to {left:210px;} } </style>
<!DOCTYPE html> <html> <head> <style type="text/css"> div.animate { width:50px; height:50px; color:white; padding:2px; background:blue; position:relative; animation:boxmove 5s infinite; /* Firefox */ -moz-animation:boxmove 5s infinite; /* Safari and Google Chrome */ -webkit-animation:boxmove 5s infinite; } #test1 { animation-play-state:running; /* Firefox */ -moz-animation-play-state:running; /* Safari and Google Chrome */ -webkit-animation-play-state:running; } #test2 { animation-play-state:paused; /* Firefox */ -moz-animation-play-state:paused; /* Safari and Google Chrome */ -webkit-animation-play-state:paused; } @keyframes boxmove { from {left:0px;} to {left:210px;} } @-moz-keyframes boxmove /* Firefox */ { from {left:0px;} to {left:210px;} } @-webkit-keyframes boxmove /* Safari and Google Chrome */ { from {left:0px;} to {left:210px;} } </style> </head> <body> <br /> </body> </html>
Note: Due to the size or complexity of this submission, the author has submitted it as a .zip file to shorten your download time. After downloading it, you will need a program like Winzip to decompress it.
Virus note: All files are scanned once-a-day by SourceCodester.com for viruses, but new viruses come out every day, so no prevention program can catch 100% of them.
FOR YOUR OWN SAFETY, PLEASE:
1. Re-scan downloaded files using your personal virus checker before using it.
2. NEVER, EVER run compiled files (.exe's, .ocx's, .dll's etc.)--only run source code.