---
id: 587d78a8367417b2b2512ae4
title: Make a CSS Heartbeat using an Infinite Animation Count
challengeType: 0
videoUrl: ''
localeTitle: Haz un Heartbeat CSS usando un conteo de animaciones infinitas
---
## Description
Aquí hay otro ejemplo de animación continua con la propiedad de animation-iteration-count
que usa el corazón que diseñó en un desafío anterior. La animación de un segundo de latido del corazón consta de dos piezas animadas. Los elementos del heart
(que incluyen :before
y :after
piezas) se animan para cambiar el tamaño con la propiedad de transform
, y la div
fondo se anima para cambiar su color con la propiedad de background
.
## Instructions
Mantenga el latido del corazón agregando la propiedad de animation-iteration-count
tanto para la clase de back
como para la clase del heart
y establezca el valor en infinito. El heart:before
y heart:after
selectores heart:after
no necesitan propiedades de animación.
## Tests
```yml
tests:
- text: La propiedad de animation-iteration-count
para la clase de heart
debe tener un valor infinito.
testString: 'assert($(".heart").css("animation-iteration-count") == "infinite", "The animation-iteration-count
property for the heart
class should have a value of infinite.");'
- text: La propiedad animation-iteration-count
para la clase back
debe tener un valor infinito.
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
```