🎞 Animation

Animation

    - click, mouseover 등의 event 없이 동작하는 애니메이션

    - transition 보다 더 디테일하게 작업할 수 있다.

.animation {
	animation : animation-name 1s ease-in-out 500ms alternate infinite;
	/* name | duration | timing-function | delay | direction | iteration-count */
}

@keyframes animation-name {
	from {
	/* */
	}
	
	to {
	/* */
	}
}



/* detail */
@keyframes animation-name {
	0% {
	/* */
	}
	
	33% {
	/* */
	}

	100%{
	/* */
	}
}

https://developer.mozilla.org/ko/docs/Web/CSS/animation

animation