How to make a css animation?

Need animation like a "snake" which creeps in a circle.
5cfa4d90ab1f0018212349.png
March 23rd 20 at 19:31
1 answer
March 23rd 20 at 19:33
Solution
Of course, there are more flexible options for svg, but it is possible in pure CSS like this:

Thank you, very helpful - Tristian.Zulauf commented on March 23rd 20 at 19:36
@Tristian.Zulauf, if the container will be other sizes, you need to play with width/height and position ::before. And to make sure everything fit, I have updated the codepen. - briana_Lindgren75 commented on March 23rd 20 at 19:39
@briana_Lindgren75, interesting solution - Coralie.Welch52 commented on March 23rd 20 at 19:42
@briana_Lindgren75, and if necessary, that the background between the block and the line was clear, how to implement it (for example if the background is red, you will see a white rim around the content section, and that would have been transparent) - Tristian.Zulauf commented on March 23rd 20 at 19:45
@Tristian.Zulauf, - briana_Lindgren75 commented on March 23rd 20 at 19:48

Find more questions by tags HTMLCSS