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.
Looking for a step-to-step tutorial without mathematics?
Check out my article about WebGL shaders with examples adapted especially for UI developers (in Russian)!