css를 이용한 focus 효과 애니메이션

포커스되는 영역을 따라다니는 애니메이션 효과입니다. 

 

//현재 선택된 input 을 가져옵니다
var cur = e.currentTarget.id;
var cur = $("#" + cur);

//css의 width height 값을 가져오고 
var curWidth = cur.css("width");
var curHeight = cur.css("height");

//offset을 통해 해당 위치를 가져오면 손쉽게 만들 수 있습니다 
var top = cur.offset().top;
var left = cur.offset().left;