combining multiple css animations into one overall animation

Question

I have a set of animations that I queue up one after the other to create a bigger overall animation. For the sake of simplicity, I\'ve created a simple fiddle to demo what I mea

Answer 1

You can use multiple animations separate by comma in shorthand property:

.selector
{
    animation: animation-name 2s infinite,
    other-animation-name 1s;
}