А как ты его подключаешь?

  animation: circle-curved 0.7s linear 3 forwards,
             hide-slowly 2s linear 2.0s forwards;

Но у меня какаято багулина в кодепене с ней (какая-то шляпа появляется после анимации, возможно дело в самом кодпене). Возможно нужно поиграть с конечными значениями. Типо width/heidth/etc). Короче странная фигня, только в твоем примере ее увидел )

c оф сайта через script в индексе

спасибо)

Если не поможет, понизь версию прямо в ссылке

может кто знает ,мне нужно выводить по 3 элемента в строку  а выводит такое
https://stackblitz.com/edit/react-buonnt?file=src%2FSale.module.css

проблема была с border-radius: 50 процентов. При ресайзе к 0 появлялись артефакты. Попробуй кейфреймы прееделать с from - to
на 0%
99%
100%
где на последнем кадре определишь конечное состояние элемента (border-radius: none и тд)
Или вообще выкини ресайз к 0, если он ненужен

хз чё за бага, словно какие-то доли пикселей остаются на каждом фрейме и браузер пытается их отрендерить

В каком порядке ты файлы подключаешь?

А Джимкерри точно есть по указанному пути

Да

Ибо в имени явно ошибка

Оба скрипта перенеси в конец кода

вообще мне не для круга надо, это я просто для примера в код пен кинул, у меня тестовое задание запилить сложную анимацию, это один из ее начальных элементов

Перед закрывающимся </body>

А, ну тогда вроде норм

да все работает спасибо, но это только начало там столько всего надо сделать я просто в ах...е, я и css не особо знаю, а в анимациях воще НОЛЬ))

Тогда просто разбей анимацию на временной интервал (к примеру - вся анимация будет длиться 5 секунд)
Разбей ее на множетство маленьких анимаций (типо grow, hide, turn-left и тд)
И чейни их на этом временном интервале (на листочке выпиши старт и стоп каждой анимации)

Так будет проще это всё дело расширять, чем когда у тебя 1 анимация, но которая делает всё от начала и до конца. Можно потеряться в кадрах

У короткой записи animation: что я выше кинул  -последний параметр это задержка перед стартом. И раз ты знаешь старт и стоп каждой анимации - то изи пизи

полкрайней мере я так себе представляю подход к комплексным анимашкам, примерно так в powerpoint реализовано, очень удобно