<head>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
</head>
<body>
  <div>
    <p class="animate__animated animate__bounce animate__repeat-1">animate__repeat-1</p>
    <p class="animate__animated animate__bounce animate__repeat-2">animate__repeat-2</p>
    <p class="animate__animated animate__bounce animate__repeat-3">animate__repeat-3</p>
    <p class="animate__animated animate__bounce repeat-4">animation-iteration-count: 4;</p>
    <p class="animate__animated animate__bounce animate__infinite">animate__infinite</p>
  </div>
</body>

*{
  padding: 0;
  margin: 0;
}

body{
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.repeat-4{
  animation-iteration-count: 4;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.