Возможно ли анимировать svg средствами css, если используется иконочный шрифт?

Question

[zwezew]

Возможно ли анимировать svg средствами css, если используется иконочный шрифт? Т.е. по ховеру и т.д.?

Answer 1

[Вадим Белкин]

Не понятен ваш вопрос, а точнее связь svg и иконочного шрифта.
Если вы svg иконки упаковали в шрифт и используете через него же, то анимировать можете все то что и у обычного текста: размер (через font-size или transform), цвет (но только монохром, для конкретных элементов иконки цвет не задать), прочие трансформации через transform. Т.к. иконка в этом случае это текстовый символ, то стили применяются к элементу внутри которого этот символ либо по родителю выше если ближайшие родители ничего не перекрывают своими стилями.

Comments

[zwezew]

Например, в svg есть анимированная деталь по ховеру, я правильно понимаю, что после упаковки в шрифт это будет недоступно?

[Вадим Белкин]

zwezew, да, упаковав в шрифт такой анимации не будет