hugosslade

Tiny Wiggle

Jul 9th, 2013
259
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.69 KB | None | 0 0
  1. @-webkit-keyframes tinywiggle
  2. {
  3.     25%,50%,75%,100%
  4.     {
  5.         -webkit-transform-origin:top center
  6.     }
  7.     25%
  8.     {
  9.         -webkit-transform:rotate(4deg)
  10.     }
  11.     50%
  12.     {
  13.         -webkit-transform:rotate(-2deg)
  14.     }
  15.     75%
  16.     {
  17.         -webkit-transform:rotate(1deg)
  18.     }
  19.     100%
  20.     {
  21.         -webkit-transform:rotate(0deg)
  22.     }
  23. }
  24. @keyframes tinywiggle
  25. {
  26.     25%,50%,75%,100%
  27.     {
  28.         -webkit-transform-origin:top center
  29.     }
  30.     25%
  31.     {
  32.         transform:rotate(4deg)
  33.     }
  34.     50%
  35.     {
  36.         transform:rotate(-2deg)
  37.     }
  38.     75%
  39.     {
  40.         transform:rotate(1deg)
  41.     }
  42.     100%
  43.     {
  44.         transform:rotate(0deg)
  45.     }
  46. }
Advertisement
Add Comment
Please, Sign In to add comment