سلام
مسئله ای که دنبالش هستید با اینکه به ظاهر خیلی سادهست ولی تا جایی که من میدونم راه مستقیمی نداره. به همین خاطر نیاز به یک جورایی کلک زدن (Trick) داره.
دو تا لینک زیر بصورت خیلی تفصیلی و خوب روش پیاده سازی این Trick ها رو توضیح دادند:
https://css-tricks.com/css-keyframe-animation-delay-iterations/
https://stackoverflow.com/questions/13887889/css-animation-delay-in-repeating
براش cubic-bezier بزار
اینو امتحان کن
cubic-bezier(.17,.67,.02,.99)
اگه نشد خودت تو این سایت تست کن
https://cubic-bezier.com/
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟