Tell me where i did mistake?

**I’m unable to complete infinite heart challenge. I did everything right in this challenge.please tell me whats wrong in this code. **

Your code so far


<style>
 .back {
   position: fixed;
   padding: 0;
   margin: 0;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: white;
   animation-name: backdiv;
   animation-duration: 1s;_ 
   animation-iteration-count: infinite;

 }

 .heart {
   position: absolute;
   margin: auto;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background-color: pink;
   height: 50px;
   width: 50px;
   transform: rotate(-45deg);
   animation-name: beat;
   animation-duration: 1s;
   animation-iteration-count: infinite;
 }
 .heart:after {
   background-color: pink;
   content: "";
   border-radius: 50%;
   position: absolute;
   width: 50px;
   height: 50px;
   top: 0px;
   left: 25px;
 }
 .heart:before {
   background-color: pink;
   content: "";
   border-radius: 50%;
   position: absolute;
   width: 50px;
   height: 50px;
   top: -25px;
   left: 0px;
 }

 @keyframes backdiv {
   50% {
     background: #ffe6f2;
   }
 }

 @keyframes beat {
   0% {
     transform: scale(1) rotate(-45deg);
   }
   50% {
     transform: scale(0.6) rotate(-45deg);
   }
 }

</style>
<div class="back"></div>
<div class="heart"></div>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36.

Challenge: Make a CSS Heartbeat using an Infinite Animation Count

Link to the challenge:

animation-duration: 1s;_ 

this one causes the error, the underscore text

1 Like

thankyou so much sir :heart: :heart: