Анимация отступа влево с помощью медиазапроса через jquery - PullRequest
Новая
       6

Анимация отступа влево с помощью медиазапроса через jquery

0 голосов
/ 02 октября 2018

У меня есть стиль с классом navbar_media_queries, поэтому я могу позже манипулировать с помощью jquery.

CSS 

<style class="navbar_media_queries">
    @media (min-width: 736.99px) {
        .navbar_menu {
            padding-left: 150px !important;
        }
    }
</style>

JQUERY

Через событие click с jquery я переключаю отступ слева от 100px до 150px в зависимости от текущего состояния кнопки. 

$(".navbar_media_queries").text("@media (min-width: 736.99px) { .navbar_menu { padding-left: 100px !important; } }");

или 

$(".navbar_media_queries").text("@media (min-width: 736.99px) { .navbar_menu { padding-left: 150px !important; } }");

Я хочу анимировать изменение заполнения padding-left, чтобы оно было плавным при изменении, а не мгновенным.Это возможно?Я не уверен, нужно ли мне делать это с помощью jquery или css, и при этом я не знаю, как это сделать.

...