Published on
placeholder 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.

Pet projects

placeholder Muilessium preview
16  2  10k+

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