IconContainer_keyframes.css 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. /* Icon Container */
  2. @-webkit-keyframes mblVibrate{
  3. 0%{
  4. -webkit-transform: rotate(-2deg);
  5. bottom: -1px;
  6. left: -1px;
  7. }
  8. 25% {
  9. -webkit-transform: rotate(1deg);
  10. bottom: 2px;
  11. left: 1px;
  12. }
  13. 50% {
  14. -webkit-transform: rotate(-1deg);
  15. bottom: -2px;
  16. left: -1px;
  17. }
  18. 75% {
  19. -webkit-transform: rotate(2deg);
  20. bottom: 2px;
  21. left: 1px;
  22. }
  23. 100% {
  24. -webkit-transform: rotate(-2deg);
  25. bottom: -1px;
  26. left: -1px;
  27. }
  28. }
  29. @-webkit-keyframes mblShrink{
  30. from { -webkit-transform: scale(1); }
  31. to { -webkit-transform: scale(0.01); }
  32. }
  33. @-webkit-keyframes mblShrink0{
  34. from { -webkit-transform: scale(1); }
  35. to { -webkit-transform: translate(-40%,-70%) scale(0.01); }
  36. }
  37. @-webkit-keyframes mblShrink1{
  38. from { -webkit-transform: scale(1); }
  39. to { -webkit-transform: translate(-14%,-70%) scale(0.01); }
  40. }
  41. @-webkit-keyframes mblShrink2{
  42. from { -webkit-transform: scale(1); }
  43. to { -webkit-transform: translate(14%,-70%) scale(0.01); }
  44. }
  45. @-webkit-keyframes mblShrink3{
  46. from { -webkit-transform: scale(1); }
  47. to { -webkit-transform: translate(40%,-70%) scale(0.01); }
  48. }