Как сделать выезд блока по кривой Безье?

Question

[Valeriy1997]

Сейчас анимация появления блока у меня реализована достаточно просто . Это обычное появление. А можно ли как-то реализовать выезд блока более эффектно? Типа плашка приехала, пошатнулась остановилась. И например пошатнулась и уехала . Подскажете реально ли такое реализовать на jquery? и что для этого нужно ?

Вот , что есть у меня сейчас :

$(document).ready(function() {

            var tgl = 1
            $(".On_seorch_interface").click(function() {
                    if (tgl !== 1) {
                        $(".serch_fild_block").hide()
                    }


                    if (tgl === 1) {
                        $(".serch_fild_block").show();
                        tgl = 0
                    } else {
                        tgl = 1
                    }

                )
            }

Comments

[Сергей Сергей]

Поизучайте функцию .animate(), параметр easing.

[Valeriy1997]

Сергей Сергей: Спасибо

Answer 1

[Алексей Колесников]

div { width:90px; height:90px;
	position:fixed; z-index:2; left:0; top:0;
	-webkit-animation-name: 'anime';
	-webkit-animation-duration: 1000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: linear;
	animation-name: 'anime';
animation-duration: 1000ms;
animation-iteration-count: infinite;
animation-direction: normal;
animation-timing-function: linear;
	background:#1E800E;}
@-webkit-keyframes 'anime' {
	from {left:0}
	50% {left:60px}
	60% {left:50px}
        70% {left:60px;}
	to {left:0px}
}