Guest User

Untitled

a guest
Oct 17th, 2018
90
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.53 KB | None | 0 0
  1. /**
  2. * Move in a circle without wrapper elements
  3. * Idea by Aryeh Gregor, simplified by Lea Verou
  4. */
  5.  
  6. @keyframes rot {
  7. from {
  8. transform: rotate(0deg)
  9. translate(-150px)
  10. rotate(0deg);
  11. }
  12. to {
  13. transform: rotate(360deg)
  14. translate(-150px)
  15. rotate(-360deg);
  16. }
  17. }
  18.  
  19. .smile {
  20. width: 40px;
  21. height: 40px;
  22. position: absolute;
  23. top: 200px;
  24. left: 80%;
  25. margin: -20px;
  26. font-size: 100px;
  27. transform: translate(-650px,0);
  28. transition: transform 1s ease-in-out;
  29. //animation: 2s rot infinite linear;
  30. }
Add Comment
Please, Sign In to add comment