CodePen Embed - Animate.css

<!DOCTYPE html>
<html lang="en">
<head>
  <link
    rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
  />
  <title>Animate.css</title>
</head>
<body>
  <div class="animate__animated animate__bounce circle outerCircle">
    <div class="circle innerCircle">
  </div>

</body>
</html>

.circle{
  margin:2em auto;
  border-radius:50%;
  
}

.outerCircle{
  background:#142F43;
  height:100px;
  width:100px;
}

.innerCircle{
  background:#FC5C65;
  height:80px;
  width:80px;
}

This Pen is owned by Suraj Vishwakarma on CodePen.

See more by @surajsrv11 on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.