xxxxxxxxxx
/* Answer to: "css animation delay" */
/*
The animation-delay property specifies a delay for the start of an animation.
*/
div {
animation-delay: 2s;
}
xxxxxxxxxx
#delay {
font-size: 14px;
transition-property: font-size;
transition-duration: 4s;
transition-delay: 2s;
}
#delay:hover {
font-size: 36px;
}
xxxxxxxxxx
/* Define the CSS animation */
@keyframes example {
0% { opacity: 0; }
50% { opacity: 1; }
100% { opacity: 0; }
}
/* Apply the animation to an element */
.element {
animation-name: example;
animation-duration: 4s;
animation-delay: 2s; /* Add a delay of 2 seconds */
animation-iteration-count: infinite;
}