Playing with CSS3 Animations

This article is going to address animating several HTML elements simultaneously and taking advantage of keyframe flexibility. To explain this subject, you will create a simple fluid menu based on four squares. Clicking on one of them will display an overlay showing related content, closing the overlay will reverse the process showing the default menu. All delays will be managed directly with CSS — no javascript timeout() here.