---
id: 587d78a8367417b2b2512ae4
title: Make a CSS Heartbeat using an Infinite Animation Count
challengeType: 0
videoUrl: ''
localeTitle: جعل CSS نبضات باستخدام عدد الرسوم المتحركة اللانهائي
---
## Description
إليك مثالًا متحركًا مستمرًا آخر مع خاصية animation-iteration-count
التي تستخدم القلب الذي صممته في تحدٍ سابق. تتألف الرسوم المتحركة ذات نبض القلب لمدة ثانية واحدة من قطعتين متحركتين. في heart
العناصر (بما في ذلك :before
و :after
قطع) والرسوم المتحركة لتغيير حجم باستخدام transform
الملكية، والخلفية div
والرسوم المتحركة لتغيير لونه باستخدام background
الملكية.
## Instructions
حافظ على نبض القلب بإضافة خاصية animation-iteration-count
لكل من الطبقة back
وفئة heart
وتعيين القيمة إلى غير محدود. heart:before
heart:after
لا يحتاج المحددون إلى أي خصائص للرسوم المتحركة.
## Tests
```yml
tests:
- text: يجب أن تكون لقيمة animation-iteration-count
لفئة heart
قيمة لانهائية.
testString: 'assert($(".heart").css("animation-iteration-count") == "infinite", "The animation-iteration-count
property for the heart
class should have a value of infinite.");'
- text: يجب أن يكون animation-iteration-count
للفئة back
قيمة لا نهائية.
testString: 'assert($(".back").css("animation-iteration-count") == "infinite", "The animation-iteration-count
property for the back
class should have a value of infinite.");'
```
## Challenge Seed
## Solution
```js
// solution required
```