.heart {
top: -4px;
right: 14px;
position:relative;
width: 10px;
height: 10px;
margin: 10px auto;
background-color: tomato;
animation: move 1s infinite alternate;
}
.heart:before{
content: "";
position: absolute;
top: 0px;
right: 5px;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: tomato;
}
.heart:after {
content: "";
position:absolute;
top: -5px;
left: 0;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: tomato;
}
@keyframes move {
0%{
transform: scale(0.8) rotate(45deg);
}
100%{
transform: scale(1.2) rotate(45deg);
}
}
<div class="heart fr"></div>