---
id: 587d78a8367417b2b2512ae4
title: Make a CSS Heartbeat using an Infinite Animation Count
challengeType: 0
videoUrl: ''
localeTitle: Сделайте Heartbeat с использованием бесконечного количества анимации
---
## Description
Вот еще один пример непрерывной анимации с свойством animation-iteration-count
которое использует сердце, которое вы разработали в предыдущем задании. Односекундная анимация сердечного ритма состоит из двух анимированных фигур. Элементы heart
(включая :before
и :after
фрагментов) анимируются, чтобы изменить размер с помощью свойства transform
, а фоновый div
анимирован, чтобы изменить его цвет, используя свойство background
.
## Instructions
undefined
## Tests
```yml
tests:
- text: ''
testString: 'assert($(".heart").css("animation-iteration-count") == "infinite", "The animation-iteration-count
property for the heart
class should have a value of infinite.");'
- text: ''
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
```