Hərəkətli WhatsApp ürəyi ❤️

WhatsApp messencerində ürəy emoji-ni göndərəndə o avtomatik olaraq böyüyür və döyünməyə başlayır. Həmən efekti veb-də əldə etmək üçün aşağıdakı html və css-dən istifadə etmək olar

Ürək şəklini yükləmək üçün:

<div class="_1EdGp">
    <img src="heart.png" class="_298rb _2FANH _1Kzee">
</div>

._1EdGp {
    position: relative;
    flex: none;
}

._298rb {
    cursor: text;
}

._2FANH._298rb {
    width: 48px;
    height: 48px;
}
._298rb {
    display: block;
    pointer-events: none;
}
.selectable-text {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.selectable-text.invisible-space:after {
    content: "";
    display: inline-block;
    width: 0;
}

._1Kzee {
    animation: _1Kzee 1s linear infinite;
    left: 0;
}

@keyframes _1Kzee{
    0%{
        transform:scale(1)
    }
    5%{
        transform:scale(1)
    }
    75%{
        transform:scale(.9)
    }
    90%{
        transform:scale(.96)
    }
}