개발 강승

CSS cusor:pointer, pointer-events:none; a.{ cusor:pointer; } 이런식으로 주면 클래스 a에 마우스를 올리면 커서가 pointer 형식으로 바뀜(손가락 모양) .b{ pointer-events:none; } b 클래스는 클릭 이벤트를 받지 않음. 하지만 pointer-events:none; 을 주면 하위 태그도 이벤트를 못줘서 어떤 경우엔 쓸 수가 없음. 그럴땐 스크립트로 해결해야함. let elem=event.target; while(!elem.classList.contains('menu-btn')) { elem = elem.parentNode; if(elem.nodeName == 'BODY'){ elem=null; return; } } 클릭 이벤트 함수 안..

CSS transform, animation CSS3을 기준으로 transform과 animation을 통해서 웹에 애니매이션 효과를 줄 수 있음. width, height로도 크기 조절이 가능하지만 이건 갑자기 커지고, 다른 블록에도 영향을 주지만, transform:scale(); 로 크기를 조절하면 다른 블록엔 영향을 안주고 좀더 세련되게 커지는 효과를 볼 수 있음. transform-origin:right top; 이런식으로 커지는 기준점을 바꿀수 있음.(디폴트값은 블록의 가운데임) transform:translate(30px, 10px); x축 30px, y축 10px 이동시킴. transform:scale(1.5); 원래 크기보다 1.5배 커짐(x축 y축 모두) transform-origin:..