mirror of
				https://github.com/fooflington/selfdefined.git
				synced 2025-10-31 14:18:32 +00:00 
			
		
		
		
	
		
			
				
	
	
		
			45 lines
		
	
	
		
			2.1 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
			
		
		
	
	
			45 lines
		
	
	
		
			2.1 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
| @-webkit-keyframes bounce {
 | |
|   0%, 20%, 53%, 80%, 100% {
 | |
|     -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);
 | |
|             transform: translate3d(0, 0, 0); }
 | |
|   40%, 43% {
 | |
|     -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 | |
|             transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 | |
|     -webkit-transform: translate3d(0, -30px, 0);
 | |
|             transform: translate3d(0, -30px, 0); }
 | |
|   70% {
 | |
|     -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 | |
|             transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 | |
|     -webkit-transform: translate3d(0, -15px, 0);
 | |
|             transform: translate3d(0, -15px, 0); }
 | |
|   90% {
 | |
|     -webkit-transform: translate3d(0, -4px, 0);
 | |
|             transform: translate3d(0, -4px, 0); } }
 | |
| @keyframes bounce {
 | |
|   0%, 20%, 53%, 80%, 100% {
 | |
|     -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);
 | |
|             transform: translate3d(0, 0, 0); }
 | |
|   40%, 43% {
 | |
|     -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 | |
|             transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 | |
|     -webkit-transform: translate3d(0, -30px, 0);
 | |
|             transform: translate3d(0, -30px, 0); }
 | |
|   70% {
 | |
|     -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 | |
|             transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 | |
|     -webkit-transform: translate3d(0, -15px, 0);
 | |
|             transform: translate3d(0, -15px, 0); }
 | |
|   90% {
 | |
|     -webkit-transform: translate3d(0, -4px, 0);
 | |
|             transform: translate3d(0, -4px, 0); } }
 | |
| .bounce {
 | |
|   -webkit-animation-name: bounce;
 | |
|           animation-name: bounce;
 | |
|   -webkit-transform-origin: center bottom;
 | |
|       -ms-transform-origin: center bottom;
 | |
|           transform-origin: center bottom; }
 | 
