animation delay in css

1/* Answer to: "css animation delay" */
2
3/*
4  The animation-delay property specifies a delay for the start of an animation.
5*/
6
7div {
8  animation-delay: 2s;
9}

1
2if you have many element, whcih you want to make nice animation effact. then you 
3just use same time, like all will be 2s, and make animation delay by growing like, first is 1s, second is 1.5s ... ... ... , then it will give you nice animation like tide :)
4
5
6// In Example;
7
8.s1 { animation: scale infinite linear 3s; animation-delay: 1.1s ; }
9.s2 { animation: scale infinite linear 3s; animation-delay: 1.2s ; }
10.s3 { animation: scale infinite linear 3s; animation-delay: 1.3s ; }
11.s4 { animation: scale infinite linear 3s; animation-delay: 1.4s ; }
12.s5 { animation: scale infinite linear 3s; animation-delay: 1.5s ; }
13.s6 { animation: scale infinite linear 3s; animation-delay: 1.6s ; }
14.s7 { animation: scale infinite linear 3s; animation-delay: 1.7s ; }
15.s8 { animation: scale infinite linear 3s; animation-delay: 1.8s ; }
16.s9 { animation: scale infinite linear 3s; animation-delay: 1.9s ; }
17.s10{ animation: scale infinite linear 3s; animation-delay: 2.0s ; }
18.s11{ animation: scale infinite linear 3s; animation-delay: 2.1s ; }