jquery animate background-size: ширина и высота

Использование - jQuery v3.3.1

Я много искал решение для моей маленькой проблемы, но не нашел.
Так что здесь я (впервые на SO) надеюсь, что кто-то может дать конкретное решение или какое-то объяснение, почему не работает.

Мне нужно анимировать высоту фона div, а также ширину. Код, который я использую:

$('.dv').animate({"background-size":"100% 30%"},1500);

Это не работает.

Если я изменю код, как это

$('.dv').animate({"background-size":"30%"},1500);

меняется только ширина фона (высота остается такой, как определено в моем CSS).


Если я делаю так:

$('.dv').css({"background-size":"100% 30%"});

я получаю желаемый результат, но без анимации, конечно.

Так что я думаю, это связано с jquery.
Может кто-нибудь объяснить, почему второе свойство background-size (height) не может быть анимировано с помощью jquery?

0 ответов

Другие вопросы по тегам