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