Как перевести html, css и js в один javascript (анимация)

Я сделал этот скрипт, но теперь я хочу, чтобы он был одним из javascript: http://jsfiddle.net/SamuraiFox/p9sDB/

Или, по крайней мере, "перевести" эту часть в javascript:

-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
2 ответа

Вы можете использовать анимацию jQuery

$("#circle").animate({
 width: 0,
 height: 0,
 }, 1000);

Вы также можете добавить атрибут "easing", если вам нужно играть с ним. Вы должны установить плагин jQuery easing, хотя, например, этот: http://gsgd.co.uk/sandbox/jquery/easing/

По умолчанию метод jQuery easing используется для swing. linear также реализуется в jQuery.

JSFiddle: http://jsfiddle.net/p9sDB/4/


вы можете просто добавить css для javascript

http://jsfiddle.net/pixelass/p9sDB/5/

function resize() {
 $("#circle").css({
 "transition": "all 1s ease",
 "width": "0px",
 "height": "0px"
 });
}

рекомендуется использовать css-анимацию вместо jQuery animate

licensed under cc by-sa 3.0 with attribution.