以下のアニメーションを定義しておき
module.exports = { theme: { extend: { animation: { dots: 'dots 1s steps(4, end) infinite', }, keyframes: { dots: { '0%, 100%': { content: '""' }, '25%': { content: '"."' }, '50%': { content: '".."' }, '75%': { content: '"..."' }, }, }, }, }, ... }
<div className="after:animate-dots">生成中</div>
こうするだけ。