Thanks you animated message

June 23, 2023

Thanks you animated message HTML and CSS

HTML

<div class="feedback">
<span class="emoji">❤️</span>
<div class="text">Thank You!</div>
</div>

CSS

<style>
.feedback {
display: flex;
justify-content: center;
align-items: center;
height: 100px;
font-size: 50px;
color: #555;
}

.emoji {
animation: pulse 1s infinite;
}

.text {
margin-left: 10px;
opacity: 0;
animation: fadein 1s forwards;
}

@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}

@keyframes fadein {
0% {
opacity: 0;
transform: translateY(-10px);
}
100% {
opacity: 1;
transform: translateY(0);
/*Priyanshu Om Shanti Digital */
}
}

</style>