Delaying CSS3 animations

Question

I have a series of words animating, using css3. A background image of the globe and a styled link follow these words, also animated in css3. My final additions are a more an

Answer 1

The easiest way I can think of is to count how many seconds in your entire animation that it takes for your styled link to appear and then set a delay for the animation of the more/less buttons, using the transition-delay property (or if you are using keyframes the animation-delay property). That way, the animation for these won't start until your styled link animates, or they will animate in as the styled link animates in.