Problem with animation timing with SVG

Question

Problem with animation timing with SVG

Navigation

#1 by (0 votes)

0

I'm trying to make an SVG animation using very simple CSS, where stars appear within themselves infinitely. The only problem is that after the first loop one of the paths starts to go over the others, which is not the goal. I tried to look and I can not find the error or solution. Follow her on Codepen: link

css svg

asked by anonymous 23.04.2017 / 23:23

1 answer

Css with ID does not work inside h: form Find columns from two tables that are not directly related

score 0 · Answer 1

After some time testing, I realized that the layers in SVG work on the order of html , that is, one of them was always on top of the others, causing the original problem. To work around this, I used clip-path to keep SVG within size and I changed animation to popping the boundaries, creating the effect I wanted.