Параллельные эффекты в JQ

144
29 мая 2019, 22:30

Мне нужно применить к блоку одновременно и скольжение вверх и постепенную потерю непрозрачности. Однако, единственный известный мне метод позволяет это делать только последовательно. А как сделать 2 эффекта параллельно?

Известный мне метод )):

$('#g_notif').fadeOut(600).slideUp(600)
Answer 1

Пример реализации нескольких эффектов параллельно, нужные добавить по вкусу:

    // Произведем изменение нескольких css-величин в ходе одной анимации. 
    $("#go").click(function(){ 
      $("#block").animate({  
        width: "70%",         // ширина станет 70% 
        opacity: 0.4,         // прозрачность будет 40% 
        marginLeft: "0.6in",  // отступ от левого края элемента станет равным 6 дюймам 
        fontSize: "3em",      // размер шрифта увеличится в 3 раза 
        borderWidth: "10px"   // толщина рамки станет 10 пикселей 
      }, 1500);               // анимация будет происходить 1,5 секунды 
    });
    div {  
      background-color:#bca;  
      width:100px;  
      border:1px solid green; 
    } 
  
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
 
<button id="go">» Съешь пирожок</button> 
 
<div id="block">Алиса</div>

READ ALSO
Как получить все символы после какого либо знака на jquery

Как получить все символы после какого либо знака на jquery

Есть элемент с классом font-family=arial и я хочу получить значение, которое идет после =, затем применить полученное свойство на этот же элемент

147
Как обратиться только к блоку у которого есть класс active

Как обратиться только к блоку у которого есть класс active

Ищу блок у которого есть класс active, и у найденного блока хочу развернуть вложенные блокиПолучается так что разворачиваются вложенные блоки...

122
Как сохранить пропорции изображения?

Как сохранить пропорции изображения?

Нужно сделать так, чтобы изображение растягивалось на всю высоту экрана при этом сохранила свои пропорции, изображения могут быть разной...

118
Передача файлов через прокси

Передача файлов через прокси

Есть клиент-серверное приложение(и клиент, и сервер мой), которые передают и принимают файлыОрганизовано это через TcpListiner и передачу байтового...

160