This is the simple Yin Yang Animation using HTML5 and CSS3. No external libraries, using various methods, some of which take advantage of more recent features we can use these days, such as CSS variables. This article is going to guide you through the process of building these demos.

Before anything else, this is the animation we’re trying to achieve here
 

Demo File : Yin Yang Animation