Как анимировать вращение изображения внутри элемента управления вводом? ⇐ CSS

[Anonymous]

Основываясь на этом ответе, мне удалось поместить изображение в качестве значка внутри элемента управления INPUT у его правого края. Если я использую вращающийся GIF, все готово. Мне нужно только установить класс на свой элемент управления, и он «прогрессирует».

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

input.busy {
background-image: url(...);
...
}

Однако... Теперь я хочу контролировать скорость вращения, поэтому мне нужно анимировать изображение. Я могу сделать это, как показано в этом блоге, и это работает для многих, но не для всех элементов. И мой ВХОД — одно из досадных исключений.

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

div::after {
content: "this shows";
background-image: url(...);
}

input::after {
content: "this shows not";
background-image: url(...);
}

Как я могу повернуть (фактически анимировать вращение) изображения (скажем, PNG), которое будет находиться у крайнего правого края тега INPUT?

Подробнее здесь: https://stackoverflow.com/questions/782 ... ut-control