如何使div中的文本内容反复增加和减少字体大小？

I’m wondering if it’s possible to have the text content of a div increase and decrease in font size repeatedly every second. This would give an effect where the text seems to move closer to the viewer before moving back, ideally it would be a smooth transition and wouldn’t look like a 2 frame gif. I’m wondering if it’s possible to have the text