create-coliapp/dist/templates/nextjs15-biome-shadcn/src/styles/custom.css

Create projects like colidev 🚀. Inspired by 'create-appncy' by @goncy

.mesh {
	background: radial-gradient(at 94% 33%, #202040 0px, transparent 50%),
		radial-gradient(at 30% 22%, #202060 0px, transparent 50%),
		radial-gradient(at 52% 13%, #602080 0px, transparent 50%), #202040;
}

@keyframes slide-out {
	from {
		opacity: 1;
		transform: translateY(0);
	}
	to {
		opacity: 0;
		transform: translateY(2rem);
	}
}

@keyframes slide-in {
	from {
		opacity: 0;
		transform: translateY(-1rem);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

::view-transition-old(page) {
	opacity: 1;
	animation: slide-out 0.5s ease-out forwards;
}

::view-transition-new(page) {
	opacity: 0;
	animation: slide-in 0.5s ease-out forwards;
}