@-webkit-keyframes
 bounce {
 	
from
 20% 53% 
to
 {
 		
-webkit-animation-timing-function
:
 cubic-bezier
(
0.215
,
 0.61
,
 0.355
,
 1
);
 		
animation-timing-function
:
 cubic-bezier
(
0.215
,
 0.61
,
 0.355
,
 1
);
 		
-webkit-transform
:
 translate3d
(
0
,
 0
,
 0
);
 		
transform
:
 translate3d
(
0
,
 0
,
 0
);
 	}
 	
40
%
 43
%
 {
 		
-webkit-animation-timing-function
:
 cubic-bezier
(
0.755
,
 0.05
,
 0.855
,
 0.06
);
 		
animation-timing-function
:
 cubic-bezier
(
0.755
,
 0.05
,
 0.855
,
 0.06
);
 		
-webkit-transform
:
 translate3d
(
0
,
 -30
px
,
 0
) 
scaleY
(
1.1
);
 		
transform
:
 translate3d
(
0
,
 -30
px
,
 0
) 
scaleY
(
1.1
);
 	}
 	
70
%
 {
 		
-webkit-animation-timing-function
:
 cubic-bezier
(
0.755
,
 0.05
,
 0.855
,
 0.06
);
 		
animation-timing-function
:
 cubic-bezier
(
0.755
,
 0.05
,
 0.855
,
 0.06
);
 		
-webkit-transform
:
 translate3d
(
0
,
 -15
px
,
 0
) 
scaleY
(
1.05
);
 		
transform
:
 translate3d
(
0
,
 -15
px
,
 0
) 
scaleY
(
1.05
);
 	}
 	
80
%
 {
 		
-webkit-transition-timing-function
:
 cubic-bezier
(
0.215
,
 0.61
,
 0.355
,
 1
);
 		
transition-timing-function
:
 cubic-bezier
(
0.215
,
 0.61
,
 0.355
,
 1
);
 		
-webkit-transform
:
 translate3d
(
0
,
 0
,
 0
) 
scaleY
(
0.95
);
 		
transform
:
 translate3d
(
0
,
 0
,
 0
) 
scaleY
(
0.95
);
 	}
 	
90
%
 {
 		
-webkit-transform
:
 translate3d
(
0
,
 -4
px
,
 0
) 
scaleY
(
1.02
);
 		
transform
:
 translate3d
(
0
,
 -4
px
,
 0
) 
scaleY
(
1.02
);
 	}
 }
 
@keyframes
 bounce {
 	
from
 20% 53% 
to
 {
 		
-webkit-animation-timing-function
:
 cubic-bezier
(
0.215
,
 0.61
,
 0.355
,
 1
);
 		
animation-timing-function
:
 cubic-bezier
(
0.215
,
 0.61
,
 0.355
,
 1
);
 		
-webkit-transform
:
 translate3d
(
0
,
 0
,
 0
);
 		
transform
:
 translate3d
(
0
,
 0
,
 0
);
 	}
 	
40
%
 43
%
 {
 		
-webkit-animation-timing-function
:
 cubic-bezier
(
0.755
,
 0.05
,
 0.855
,
 0.06
);
 		
animation-timing-function
:
 cubic-bezier
(
0.755
,
 0.05
,
 0.855
,
 0.06
);
 		
-webkit-transform
:
 translate3d
(
0
,
 -30
px
,
 0
) 
scaleY
(
1.1
);
 		
transform
:
 translate3d
(
0
,
 -30
px
,
 0
) 
scaleY
(
1.1
);
 	}
 	
70
%
 {
 		
-webkit-animation-timing-function
:
 cubic-bezier
(
0.755
,
 0.05
,
 0.855
,
 0.06
);
 		
animation-timing-function
:
 cubic-bezier
(
0.755
,
 0.05
,
 0.855
,
 0.06
);
 		
-webkit-transform
:
 translate3d
(
0
,
 -15
px
,
 0
) 
scaleY
(
1.05
);
 		
transform
:
 translate3d
(
0
,
 -15
px
,
 0
) 
scaleY
(
1.05
);
 	}
 	
80
%
 {
 		
-webkit-transition-timing-function
:
 cubic-bezier
(
0.215
,
 0.61
,
 0.355
,
 1
);
 		
transition-timing-function
:
 cubic-bezier
(
0.215
,
 0.61
,
 0.355
,
 1
);
 		
-webkit-transform
:
 translate3d
(
0
,
 0
,
 0
) 
scaleY
(
0.95
);
 		
transform
:
 translate3d
(
0
,
 0
,
 0
) 
scaleY
(
0.95
);
 	}
 	
90
%
 {
 		
-webkit-transform
:
 translate3d
(
0
,
 -4
px
,
 0
) 
scaleY
(
1.02
);
 		
transform
:
 translate3d
(
0
,
 -4
px
,
 0
) 
scaleY
(
1.02
);
 	}
 }
 .
animate__bounce
 {
 	
-webkit-animation-name
:
 bounce;
 	
animation-name
:
 bounce;
 	
-webkit-transform-origin
:
 center bottom;
 	
transform-origin
:
 center bottom;
 	
animation-duration
:
 1
s
;
 	
-webkit-animation-duration
:
 1
s
;
 	
animation-iteration-count
:
 infinite;
 	
-webkit-animation-iteration-count
:
 infinite;
 }