The animation shorthand CSS property applies an animation between styles. It is a shorthand for animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode, animation-play-state, and animation-timeline....intensive; consider animating the transform property instead. Sun Rise...down past the viewport */ transform: translateY(110vh); } to {...