Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <style>
- div {
- width: 100px;
- height: 100px;
- background: red;
- position: relative;
- -webkit-animation: mymove 3s infinite; /* Safari 4.0 - 8.0 */
- animation: mymove 3s infinite;
- }
- /* Safari 4.0 - 8.0 */
- @-webkit-keyframes mymove {
- 0% {top: 0px;}
- 60% {top: 10px;}
- 100% {top: 0px;}
- }
- /* Standard syntax */
- @keyframes mymove {
- 0% {top: 0px;}
- 60% {top: 10px;}
- 100% {top: 0px;}
- }
- </style>
- </head>
- <body>
- <p><strong>Note:</strong> The @keyframes rule is not supported in Internet Explorer 9 and earlier versions.</p>
- <div></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement