pianello-api/resources/css/components/_typing-dots.css
Ale Gallo 74c4b1d3f4 Committing laraver (part 2)
committing part of the laravel system with templating files and components
2023-11-10 15:58:25 +01:00

22 lines
422 B
CSS

@layer components {
.typing-dots {
span {
@apply opacity-0;
&:nth-child(1) {
animation: 1s type-animation infinite 0.33333s;
}
&:nth-child(2) {
animation: 1s type-animation infinite 0.66666s;
}
&:nth-child(3) {
animation: 1s type-animation infinite 0.99999s;
}
}
}
@keyframes type-animation {
50% {
@apply opacity-100;
}
}
}