انیمیشن در css

سلام
مسئله ای که دنبالش هستید با اینکه به ظاهر خیلی ساده‌ست ولی تا جایی که من می‌دونم راه مستقیمی نداره. به همین خاطر نیاز به یک جورایی کلک زدن (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/

@cfarhad