7 transform: scale3d
(1, 1, 1);
12 transform: scale3d
(0.9, 0.9, 0.9) rotate3d
(0, 0, 1, -3deg);
19 transform: scale3d
(1.1, 1.1, 1.1) rotate3d
(0, 0, 1, 3deg);
25 transform: scale3d
(1.1, 1.1, 1.1) rotate3d
(0, 0, 1, -3deg);
29 transform: scale3d
(1, 1, 1);
35 transform: scaleX
(0.9) scaleY
(0.9);
39 transform: scaleX
(1.1) scaleY
(1.1);
43 transform: scaleX
(0.95) scaleY
(0.95);
47 transform: scaleX
(1) scaleY
(1);
52 0% { transform: rotate
(0deg); }
53 100% { transform: rotate
(360deg); }
56 @keyframes mfm-spinX
{
57 0% { transform: perspective
(128px) rotateX
(0deg); }
58 100% { transform: perspective
(128px) rotateX
(360deg); }
61 @keyframes mfm-spinY
{
62 0% { transform: perspective
(128px) rotateY
(0deg); }
63 100% { transform: perspective
(128px) rotateY
(360deg); }
67 0% { transform: translateY
(0); }
68 25% { transform: translateY
(-16px); }
69 50% { transform: translateY
(0); }
70 75% { transform: translateY
(-8px); }
71 100% { transform: translateY
(0); }
74 @keyframes mfm-bounce
{
75 0% { transform: translateY
(0) scale
(1, 1); }
76 25% { transform: translateY
(-16px) scale
(1, 1); }
77 50% { transform: translateY
(0) scale
(1, 1); }
78 75% { transform: translateY
(0) scale
(1.5, 0.75); }
79 100% { transform: translateY
(0) scale
(1, 1); }
82 @keyframes mfm-twitch
{
83 0% { transform: translate
(7px, -2px); }
84 5% { transform: translate
(-3px, 1px); }
85 10% { transform: translate
(-7px, -1px); }
86 15% { transform: translate
(0, -1px); }
87 20% { transform: translate
(-8px, 6px); }
88 25% { transform: translate
(-4px, -3px); }
89 30% { transform: translate
(-4px, -6px); }
90 35% { transform: translate
(-8px, -8px); }
91 40% { transform: translate
(4px, 6px); }
92 45% { transform: translate
(-3px, 1px); }
93 50% { transform: translate
(2px, -10px); }
94 55% { transform: translate
(-7px, 0); }
95 60% { transform: translate
(-2px, 4px); }
96 65% { transform: translate
(3px, -8px); }
97 70% { transform: translate
(6px, 7px); }
98 75% { transform: translate
(-7px, -2px); }
99 80% { transform: translate
(-7px, -8px); }
100 85% { transform: translate
(9px, 3px); }
101 90% { transform: translate
(-3px, -2px); }
102 95% { transform: translate
(-10px, 2px); }
103 100% { transform: translate
(-2px, -6px); }
106 @keyframes mfm-shake
{
107 0% { transform: translate
(-3px, -1px) rotate
(-8deg); }
108 5% { transform: translate
(0, -1px) rotate
(-10deg); }
109 10% { transform: translate
(1px, -3px) rotate
(0deg); }
110 15% { transform: translate
(1px, 1px) rotate
(11deg); }
111 20% { transform: translate
(-2px, 1px) rotate
(1deg); }
112 25% { transform: translate
(-1px, -2px) rotate
(-2deg); }
113 30% { transform: translate
(-1px, 2px) rotate
(-3deg); }
114 35% { transform: translate
(2px, 1px) rotate
(6deg); }
115 40% { transform: translate
(-2px, -3px) rotate
(-9deg); }
116 45% { transform: translate
(0, -1px) rotate
(-12deg); }
117 50% { transform: translate
(1px, 2px) rotate
(10deg); }
118 55% { transform: translate
(0, -3px) rotate
(8deg); }
119 60% { transform: translate
(1px, -1px) rotate
(8deg); }
120 65% { transform: translate
(0, -1px) rotate
(-7deg); }
121 70% { transform: translate
(-1px, -3px) rotate
(6deg); }
122 75% { transform: translate
(0, -2px) rotate
(4deg); }
123 80% { transform: translate
(-2px, -1px) rotate
(3deg); }
124 85% { transform: translate
(1px, -3px) rotate
(-10deg); }
125 90% { transform: translate
(1px, 0) rotate
(3deg); }
126 95% { transform: translate
(-2px, 0) rotate
(-3deg); }
127 100% { transform: translate
(2px, 1px) rotate
(2deg); }
130 @keyframes mfm-rubberBand
{
131 from
{ transform: scale3d
(1, 1, 1); }
132 30% { transform: scale3d
(1.25, 0.75, 1); }
133 40% { transform: scale3d
(0.75, 1.25, 1); }
134 50% { transform: scale3d
(1.15, 0.85, 1); }
135 65% { transform: scale3d
(0.95, 1.05, 1); }
136 75% { transform: scale3d
(1.05, 0.95, 1); }
137 to
{ transform: scale3d
(1, 1, 1); }
140 @keyframes mfm-rainbow
{
141 0% { filter: hue-rotate
(0deg) contrast
(150%) saturate
(150%); }
142 100% { filter: hue-rotate
(360deg) contrast
(150%) saturate
(150%); }