TelegramPWA/src/components/middle/message/CustomEmojiEffect.module.scss
2023-03-03 14:30:19 +01:00

39 lines
539 B
SCSS

.root {
position: absolute;
z-index: 10;
}
.particle {
color: var(--color-primary);
position: absolute;
width: 1rem;
height: 1rem;
border-radius: 0.25rem;
offset-path: var(--offset-path);
offset-rotate: 0deg;
animation: 1.5s particle ease-out;
animation-fill-mode: forwards;
}
@keyframes particle {
0% {
offset-distance: 0%;
transform: scale(1);
}
50% {
transform: scale(1.25);
}
75% {
opacity: 1;
}
100% {
offset-distance: 100%;
opacity: 0;
transform: scale(1);
}
}