CSS

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.