swing.css 357 B

123456789101112131415161718192021222324252627
  1. @keyframes swing {
  2. 20% {
  3. transform: rotate3d(0, 0, 1, 15deg);
  4. }
  5. 40% {
  6. transform: rotate3d(0, 0, 1, -10deg);
  7. }
  8. 60% {
  9. transform: rotate3d(0, 0, 1, 5deg);
  10. }
  11. 80% {
  12. transform: rotate3d(0, 0, 1, -5deg);
  13. }
  14. to {
  15. transform: rotate3d(0, 0, 1, 0deg);
  16. }
  17. }
  18. .swing {
  19. transform-origin: top center;
  20. animation-name: swing;
  21. }