jQuery 屏蔽输入 : How do I animate the appearance of the text?

Question

Codepen link (点击输入)

我想做的是在应用了transition 的出现的文本上添加某种opacity。但看起来没有任何类或包装器，插件也没有为此提供 API。

有什么方法可以为此制作流畅的动画吗？

Answer 1

您可以使用 CSS 过渡。看这里:http://codepen.io/anon/pen/pJMoGj

input {
    color: #FFF;
}
input:focus {
    color: #000;
    -webkit-transition: color 1s ease-in-out;
    -moz-transition: color 1s ease-in-out;
    -ms-transition: color 1s ease-in-out;
    -o-transition: color 1s ease-in-out;
    transition: color 1s ease-in-out;
}