Мне нужно применить к блоку одновременно и скольжение вверх и постепенную потерю непрозрачности. Однако, единственный известный мне метод позволяет это делать только последовательно. А как сделать 2 эффекта параллельно?
Известный мне метод )):
$('#g_notif').fadeOut(600).slideUp(600)
Пример реализации нескольких эффектов параллельно, нужные добавить по вкусу:
// Произведем изменение нескольких 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>
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости