julienmonnerie/assets/css/partials/animations.scss

// ----------------------------------------------------------------------------
// ANIMATIONS
// ----------------------------------------------------------------------------

@keyframes expand-outline {
	0% {
		outline-offset: 0;
	}
	100% {
		outline-offset: 2px;
	}
}

@keyframes rotate-horizontal-bottom {
	0% {
		transform: rotateX(0);
		transform-origin: bottom;
	}
	50% {
		transform: rotateX(180deg);
		transform-origin: bottom;
	}
	100% {
		transform: rotateX(0);
		transform-origin: bottom;
	}
}