DevMate / src /components /ChatBox.css
FrederickSundeep's picture
commit 011
80e61b9
raw
history blame
465 Bytes
.typing-indicator {
display: flex;
gap: 6px;
padding: 0.5rem;
margin-left: 1rem;
align-items: center;
}
.typing-indicator .dot {
width: 8px;
height: 8px;
background-color: #ccc;
border-radius: 50%;
animation: blink 1.4s infinite both;
}
.typing-indicator .dot:nth-child(2) {
animation-delay: 0.2s;
}
.typing-indicator .dot:nth-child(3) {
animation-delay: 0.4s;
}
@keyframes blink {
0%, 80%, 100% { opacity: 0; }
40% { opacity: 1; }
}