Как добавить анимацию в заполнитель ввода ⇐ Html

[Anonymous]

Я создаю заполнитель для поиска, с помощью которого хочу создать анимацию. Я попробовал, но это не работает.

Мои CSS-коды:

Код: Выделить всё

@-webkit-keyframes search_types {
from { width:0px;}
to {width:100px;}
}
.input_search_box::-webkit-input-placeholder{
-webkit-animation: search_types 10s infinite linear;
}

Я пробовал много способов, переход работает, но я хочу использовать анимацию для какой-то другой цели, есть ли способ это сделать.
Я хочу сделать подобную анимацию текста в заполнителе

Подробнее: https://stackoverflow.com/questions/286 ... laceholder