Here in this blog, we can see the power of css3, by using only CSS. This bouncingball will give the effects of bounce and touches its shadow, this will be possible by using Keyframe and animation. We have here three main div working as a parent and the ball or shadow will be considered as the child of the main div. The main div contains the height and width of the screen and positioned it to the middle of the screen. While the ball and shadow div will be used for giving the shape to it, for animation we used animation-delay property, this value is defined in seconds (s) or milliseconds (ms).