CSS/CSS 응용
css를 이용한 focus 효과 애니메이션
알찬 퍼블리셔
2019. 12. 12. 17:54
728x90
반응형
포커스되는 영역을 따라다니는 애니메이션 효과입니다.
//현재 선택된 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;
728x90
반응형