create-hokage-js-app/templates/tailwindcss/js-template/client/src/styles/App.css

🔥 Best CLI tool to create a MERN stack template. Quick, clean, and customizable.

@tailwind base;
@tailwind components;
@tailwind utilities;

@keyframes gradient {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

@keyframes float {
	0% { transform: translateY(0) translateX(0) rotate(0deg); }
	25% { transform: translateY(-20px) translateX(15px) rotate(5deg); }
	50% { transform: translateY(-40px) translateX(0) rotate(0deg); }
	75% { transform: translateY(-20px) translateX(-15px) rotate(-5deg); }
	100% { transform: translateY(0) translateX(0) rotate(0deg); }
}

@keyframes logo-spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

@keyframes fadeIn {
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: translateY(0); }
}

@keyframes pulse {
	0% { opacity: 0.8; }
	50% { opacity: 1; }
	100% { opacity: 0.8; }
}

@keyframes spin {
	to { transform: rotate(360deg); }
}