Javascript 聚焦时如何在文本框中设置光标动画？

就像在gif里一样。选择搜索框时，光标将设置动画并向左移动。我们可以在聚焦时设置光标的动画吗

---

Dribbble:

查看这篇@Fareya的帖子，但在我的例子中，光标将不得不等待动画结束。