jquery - CSS/jQuery/JS - 滑入/滑出文本输入值

Question

只是检查是否有人知道使用 CSS 或更有可能使用 jQuery.animate() 为 HTML 文本输入框中的文本滑出设置动画的厚颜无耻的方法。因为它们不是它们自己的元素，所以我不确定除了父输入框可用的样式属性之外它们是否可用于操作？不要求编写代码，只是想让我的希望破灭或指向建设性的方向!

Answer 1

有点奇怪，但是确定吗？您可以为文本缩进设置动画以获得“幻灯片”。

#slideText {
  transition: text-indent 1s;
  text-indent: -100px;
}

#slideText:focus {
  text-indent: 0;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" value="This is a test" id="slideText">