Published on
Yin Yang preview

Today I will show you an example of animated Yin-Yang. I have created it using only one div element. This is a great illustration of usage of ::before and ::after pseudo-elements and CSS keyframes.

See the Pen Yin-Yang by Ivan Bogachev (@sfi0zy) on CodePen.

Related posts

CSS Images - post preview
Infinite tunnel - post preview

Pet projects

Muilessium preview
16  3  5k+

Simple UI framework. RSCSS, REM-based sizes, fluid typography and other nice ideas. This website is powered by it.