_typing_indicator.scss 364 B

123456789101112131415161718
  1. .typing-animation {
  2. display: inline-block;
  3. &::after {
  4. display: inline-block;
  5. animation: ellipsis steps(4, end) 900ms infinite;
  6. width: 0;
  7. overflow: hidden;
  8. vertical-align: bottom;
  9. content: '\2026'; // ASCII code for the ellipsis character
  10. }
  11. }
  12. @keyframes ellipsis {
  13. to {
  14. width: 20px;
  15. }
  16. }