Основываясь на этом ответе, мне удалось поместить изображение в качестве значка внутри элемента управления 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