Animated buttons are flickering #3

New issue

Closed

opened 2022-07-17 14:52:49 +02:00 by VityaSchel · 1 comment

VityaSchel commented

2022-07-17 14:52:49 +02:00

(Migrated from github.com)

Problem

Because of nature of keyframes animations, when updating path, svg icons are flickering. Also may be an issue with the keyframes themself.

Possible solution

Check if it's an issue with incorrect keyframes path positions
If not, replace keyframes animations with lottie animations or any other javascript path updater.

# Problem Because of nature of keyframes animations, when updating path, svg icons are flickering. Also may be an issue with the keyframes themself. # Possible solution 1. Check if it's an issue with incorrect keyframes path positions 2. If not, replace keyframes animations with lottie animations or any other javascript path updater.

VityaSchel commented

2022-07-18 20:47:55 +02:00

(Migrated from github.com)

I found actual source of problem

CSS animations starts from 8% instead of 0%, that makes a small gap when there is no "d" property

I found actual source of problem CSS animations starts from 8% instead of 0%, that makes a small gap when there is no "d" property