---
id: 587d78a8367417b2b2512ae4
title: Make a CSS Heartbeat using an Infinite Animation Count
challengeType: 0
videoUrl: ''
localeTitle: Faça um Heartbeat CSS usando uma Contagem de Animação Infinita
---
## Description
Aqui está mais um exemplo de animação contínua com a propriedade animation-iteration-count
que usa o coração que você projetou em um desafio anterior. A animação de um segundo de duração da pulsação consiste em duas partes animadas. Os elementos de heart
(incluindo :before
e :after
peças) são animados para alterar o tamanho usando a propriedade transform
, e o div
fundo é animado para alterar sua cor usando a propriedade background
.
## Instructions
Mantenha o coração batendo adicionando a propriedade animation-iteration-count
para as classes back
e heart
e definindo o valor como infinito. O heart:before
e heart:after
seletores não precisarem de nenhuma propriedade de animação.
## Tests
```yml
tests:
- text: A propriedade animation-iteration-count
da classe heart
deve ter um 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: A propriedade animation-iteration-count
para a classe back
deve ter um 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
```