Guest User

Untitled

a guest
Jan 19th, 2018
68
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.96 KB | None | 0 0
  1. div {
  2. width: 100px;
  3. height: 100px;
  4. background-color: red;
  5. position: relative;
  6. -webkit-animation-name: example; /* Chrome, Safari, Opera */
  7. -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
  8. animation-name: example;
  9. animation-duration: 4s;
  10. }
  11.  
  12. /* Chrome, Safari, Opera */
  13. @-webkit-keyframes example {
  14. 0% {background-color:red; left:0px; top:0px;}
  15. 25% {background-color:yellow; left:200px; top:0px;}
  16. 50% {background-color:blue; left:200px; top:200px;}
  17. 75% {background-color:green; left:0px; top:200px;}
  18. 100% {background-color:red; left:0px; top:0px;}
  19. }
  20.  
  21. /* Standard syntax */
  22. @keyframes example {
  23. 0% {background-color:red; left:0px; top:0px;}
  24. 25% {background-color:yellow; left:200px; top:0px;}
  25. 50% {background-color:blue; left:200px; top:200px;}
  26. 75% {background-color:green; left:0px; top:200px;}
  27. 100% {background-color:red; left:0px; top:0px;}
  28. }
Add Comment
Please, Sign In to add comment