ie background - position에서의 calc() 계산식 오류

background: #fff url(/img/arrow.jpg) no-repeat right 28px center 원래는 calc을 이용해서 background-position 에서의 위치조절을 했었는데 크롬에서는 지원되지만 익스에서는 지원되지 않는 것을 보았다. calc()함수는 ie9이상부터 지원이 되지만 background-position 안에서의 calc는 ie 전부 읽히지 않는다. calc(100% - 28px) center를 right 28px center로 교체했더니 말끔히 작동한다. reference - stack overflow

gsap tween kill() 속성

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 // 전체 애니메이션 삭제 myAnimation.kill(); // 애니메이션의 "x"및 "y"속성 (모든 대상) 만 제거합니다. myAnimation.kill({x:true, y:true}); //대상 "myObject"와 관련된 애니메이션의 모든 부분을 제거합니다 //(트윈에 여러 대상이 있는 경우 다른 대상은 영향을 받지 않습니다) myAnimation.kill(null, myObject); // 대상 "myObject"의 애니메이션의 "x"및 "y"속성 만 죽입니다. myAnimation.kill({x:true, y:true}, myObject); // 대상 "myObject1"및 "myObject2" myAnimation 의 ..

gsap tween overwrite 속성

* overwrite (int, boolean, option) 한개의 타겟에 여러가지 tween을 추가하고자 할때 어떻게 작동할 것인지? (트윈을 덮어씌울지) [0] - none, false 어떠한 것도 덮어 씌우지 않습니다, 겹치는 tween이 없도록 주의해야 합니다. [1] - all, true 같은 target에 대한 tween이 새로 정의될 때 이전의 tween을 자동으로 제거하고 새로 적용된 tween만 실행한다. [2] - auto 새로 생성된 tween과 이전에 생성된 tween과 비교하여 중복되는 tween값만 새로 적용된 tween값으로 바꿔준다. [3] - concurrent tween이 처음 렌더링 될 때 충돌하는 속성이 있는지 여부와 상관없이 동일한 대상의 활성화된 tween만 죽인..

너와 100번째 사랑 사카구치 켄타로

남자주인공도 그렇지만 여자주인공도 너무 예쁘고 잘 어울린다,, 비주얼 폭발하는 영화는 눈이 넘 조아보림 울면서 봤다 ㅠㅠ

air datepicker 시작일 종료일 minDate, MaxDate 제어

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 var date = new Date(); var dp = $('#date_start').datepicker({ //년-월-일 startDate: new Date(date.getFullYear(), date.getMonth(), date.getDate()), language: 'ko', autoClose: true, //선택한 날짜를 가져옴 onSelect: function (date) { var endNum = date; //종료일 datepicker에 최소날짜를 방금 클릭한 날짜로 설정 $('#date_end')..

GSAP + ScrollMagic 사용법

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 $(function (){ var controller = new ScrollMagic.Controller(); var tl = new TimelineMax(); var secSection = tl.from('.section02 .figure01', 0.5, { x:-50, autoAlpha:0, ease: Power2.easeOut }).from('.section02 div.text', 0.5, { autoAlpha:0, x:50, ease: Power2.easeOut, delay:0.1 }); // create scenes var scene = new ScrollMagic.Scene({tri..