/* Animation-name: Specifies the name of the keyframe */
animation-name: clashing;
/* Animation-duration: Defines how the time is taken for the execution of animation. */
animation-duration: 10s;
/* Specifies the speed of the animation. */
animation-timing-function: ease;
/* Animation-delay: Specifies a delay before the animation will start */
animation-delay: 5ms;
/* Animation-iteration-count: Determines how many times an animation should be played */
animation-iteration-count: 3;
/* Animation-direction: Determines the play direction of animation(i.e alternate or reverse) */
animation-direction: normal;
/* Determines what values are applied by the animation outside the time it is executing */
animation-fill-mode: both;
/* Animation: Shorthand Property. It is a shorthand for animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode, and animation-play-state. */
animation: 4s linear 0s infinite alternate;