astro-vtbot/animations/zoom.css

The 👜 Bag of Tricks ✨ for Astro's View Transitions

@keyframes FwdZoomOut {
	from {
		transform: scale(1);
		opacity: 1;
	}
	to {
		transform: scale(5);
		opacity: 0;
	}
}
@keyframes FwdZoomIn {
	from {
		transform: scale(0);
		opacity: 0;
	}
	to {
		transform: scale(1);
		opacity: 1;
	}
}
@keyframes BwdZoomOut {
	from {
		transform: scale(1);
		opacity: 1;
	}
	to {
		transform: scale(0);
		opacity: 0;
	}
}
@keyframes BwdZoomIn {
	from {
		transform: scale(5);
		opacity: 0;
	}
	to {
		transform: scale(1);
		opacity: 1;
	}
}