I’ve created a nice animation of arrow consisting of a number of dots. I got the idea for this animation from this question. The component is scalable - all parameters are based on CSS custom properties.
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)!