부드러운 트윈맥스 버튼 움직임

function hexagon_motion(){
  $('.box_hexagon a').on('mouseenter',function(){

  var $button = $(this).find('.hexagon_figure, .space_img, .hexagon_btn');
  var duration = 0.4;
  var delay = 0.12;

  TweenMax.to($button, duration, {scaleY: 1.1, ease: Expo.easeOut});
  TweenMax.to($button, duration, {scaleX: 1.1, scaleY: 1, ease: Back.easeOut, easeParams: [3], delay: delay});
  TweenMax.to($button, duration * 1.25, {scaleX: 1, scaleY: 1, ease: Back.easeOut, easeParams: [6], delay: delay * 3 });

  });
}

 

https://jsfiddle.net/b4rndhg0/

Edit fiddle - JSFiddle

 

 

 

 

 

출처 : http://www.mugobox.com/