animate.css 505 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. #github-corner:hover .octo-arm {
  2. animation: octocat-wave 560ms ease-in-out;
  3. }
  4. @keyframes octocat-wave {
  5. 0% {
  6. transform: rotate(0deg);
  7. }
  8. 20% {
  9. transform: rotate(-25deg);
  10. }
  11. 40% {
  12. transform: rotate(10deg);
  13. }
  14. 60% {
  15. transform: rotate(-25deg);
  16. }
  17. 80% {
  18. transform: rotate(10deg);
  19. }
  20. 100% {
  21. transform: rotate(0deg);
  22. }
  23. }
  24. @media (max-width: 500px) {
  25. #github-corner:hover .octo-arm {
  26. animation: none;
  27. }
  28. #github-corner .octo-arm {
  29. animation: octocat-wave 560ms ease-in-out;
  30. }
  31. }