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 Earthquakes map preview
1 

WebGL globe with points for all earthquakes with magnitude more than 5 which happened last year.

placeholder Zen launcher preview
1 

Apps launcher for Google Chrome. Open sources. No ads. No trackers. No analytics.

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.