728x90 반응형 분류 전체보기298 마우스 따라 움직이는 효과 See the Pen Untitled by gahyun (@gahyun) on CodePen. 마우스가 li 에 접근하면 마우스 위치로 .box 를 이동한뒤 가운데로 animate 를 통해 이동시킨다 (마우스를 따라 움직이는것처럼 보이도록) 활성화된 li에 active 클래스를 추가 이때 기존 active 는 영역 밖으로 이동시켜 버려야함! (mouseleave 이벤트를 등록하지만 가끔 제대로 동작하지 않는 경우도 있어서 추가해줌 - 무조건 1개만 active 되도록) $(document).on('mouseenter','li:not(.active)',function(e){ target = $(this).children('.box'); liTop = $(this).offset().top; liLeft = .. 2022. 9. 1. jquery ui - datepicker css 변경해 디자인 적용하기 See the Pen Untitled by gahyun (@gahyun) on CodePen. 2022. 8. 31. 화면 px 확인할 때 유용한 크롬 확장프로그램 (퍼블리셔 추천) 화면 크기 / 간격 확인할 때 유용 https://chrome.google.com/webstore/detail/designer-tools/jiiidpmjdakhbgkbdchmhmnfbdebfnhp Designer Tools Measure and align elements within Chrome chrome.google.com 확장프로그램 켜서 마우스를 따라 파란선이 생기며 해당영역 근처의 px 을 확인 https://chrome.google.com/webstore/detail/page-ruler/jcbmcnpepaddcedmjdcmhbekjhbfnlff Page Ruler Measure page elements size in pixel with an easy-to-use ruler. chrome.goo.. 2022. 8. 31. 이미지 hover 할때 다른 이미지로 교체 배경이미지로 See the Pen hover 이미지 교체 효과 by gahyun (@gahyun) on CodePen. 이미지 태그로 See the Pen hover 이미지 교체 효과 by gahyun (@gahyun) on CodePen. [CSS] - [CSS] 이미지 hover 효과 애니메이션 [CSS/CSS 기초] - [CSS3] 이미지에 hover 애니메이션 효과 넣기 [javascript/javascript] - 마우스 따라 움직이는 효과 2022. 8. 31. 이전 1 2 3 4 5 6 7 ··· 75 다음 728x90 반응형
