<style>
.love-box {
width: 100%;
min-height: 200px;
display: flex;
padding: 20px 0;
}
.love {
width: 12vw;
height: 12vw;
background-color: red;
transform: rotate(45deg);
box-shadow: 0 0 1.5vw 0 red;
animation: pengpeng 1s infinite;
margin: auto;
}
.love::after,
.love::before {
content: '';
width: 12vw;
height: 12vw;
border-radius: 50%;
position: absolute;
background-color: red;
box-shadow: 0 0 1.2vw 0 red;
}
.love::after {
right: 5.6vw;
}
.love::before {
top: -5.6vw;
}
@keyframes pengpeng {
0% {
transform: rotate(45deg) scale(0.9);
}
50% {
transform: rotate(45deg) scale(1);
}
100% {
transform: rotate(45deg) scale(0.9);
}
}
</style>
<div class="love-box">
<div class='love'></div>
</div>