why is animation delay not working properly css code example
Example: css animation delay does not work
You've specified the -webkit versions in the wrong order.
The -webkit-animation replaces the delay rule
that you just set up. Reverse the order so that the delay comes after.