.flipInX то пример.game-info {
transition: all .52s ease-in-out;
opacity: 0;
transform: translateX(1000%);
}
.game-info.hidden {
opacity: 1;
transform: translateX(0%);
}
<?php echo "<a href=\"steamauth/logout.php\" class=\"exit\">$msg['exit']</a>";?>
$("#form").submit(function(event){
event.preventDefault(); //вот эту строку добавь
}
<script src="assets/js/smooth-scroll.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#form").submit(function() { //устанавливаем событие отправки для формы с id=form
var form_data = $(this).serialize(); //собераем все данные из формы
$.ajax({
type: "POST", //Метод отправки
url: "send.php", //путь до php фаила отправителя
data: form_data,
success: function() {
//код в этом блоке выполняется при успешной отправке сообщения
alert("Ваше сообщение отпрвлено!");
})
});
});
});
</script>
.dialog {
position: fixed;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
pointer-events: none;
z-index: 100;
}
elem.css({'marginTop':'-20px','opacity':'0'}).animate({'marginTop':'0px','opacity':'1'});animation($(".timer-digit"), param);
setTimeout(function(){$('.loader-inner').fadeOut('fast')},10000); //10000 = 10 секунд