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.

Related posts

Projects

placeholder Muilessium preview
13  2  10k+

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

placeholder Ucavatar preview
13  500+

Unique avatars for your users. No dependencies, VanillaJS, 1.6KB gzipped.

placeholder Atlantic-dark scheme preview
4  2 

Dark color scheme for Vim. Mostly blue and green colors.