.box {
	animation: scale-up 2s both;
	timeline-trigger: --view-trigger view();
	animation-trigger: --view-trigger play-forwards;
}

@keyframes scale-up {
	from {
		transform: scale(0.3);
		opacity: 0.2;
	}
	to {
		opacity: 1;
		transform: scale(1.5) rotate(360deg);
		background: #ff0077;
	}
}