땀나는 애

1 http://maschek.hu/imagemap/imgmap/ maschek.hu - Online Image Map Editor maschek.hu 2 파일선택 -> 업로드 -> accept 3 영역 선택 -> 링크 넣어주기 4 코드 복사하기 5 코드 정리하기 img태그의 usemap 값과 map의 name,id의 값이 일치해야함 usemap에 #넣어주세요

location.href='/index.nm?menuCd=96'"

Animaiton https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Animations/Using_CSS_animations CSS 애니메이션 사용하기 CSS3 애니메이션은 엘리먼트에 적용되는 CSS 스타일을 다른 CSS 스타일로 부드럽게 전환시켜 줍니다. 애니메이션은 애니메이션을 나타내는 CSS 스타일과 애니메이션의 중간 상태를 나타내는 키프레임들로 이루어집니다. developer.mozilla.org CSS animaiton CSS스타일을 다른 CSS 스타일로 부드럽게 전환 - 키프레임 : 중간 상태를 나타내준다 자바스크립트보다 더 활용성이 좋을때가 있다. 브라우저 최적화 가능, 브라우저 부하 줄여줌 animation-하위속성 animation-delay 애니메..

[특이점] 1. 도트점 원의 모양을 after로 만듬 :after {content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;box-sizing:border-box;border:1px dashed #bedcdd;border-radius:50%;-webkit-border-radius:50%;} 2. transform:scale 사용 [transform] CSS transform 속성으로 요소에 회전, 크기 조절, 기울이기, 이동 효과를 부여할 수 있습니다. transform은 CSS 시각적 서식 모델의 좌표 공간을 변경합니다. 시각적 서식 모델 씨에스에스 시각적 서식 모델 ( visual formattin..

제주 4.3평화재단 https://jeju43peace.or.kr/ 제주4·3평화재단 4·3평화기념관 4·3의 원인, 전개, 결과, 진상규명 과정을 전시한 공간입니다. jeju43peace.or.kr

페이지나 박싱 넘어가는 글자 넘침현상 해결하기 width:500px;overflow:hidden;word-wrap:break-word;word-break:break-all; (영어 넘침 해결 위에서는 word-break:break-all 넣음) 말 줄임표 1줄 말 줄임표 width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap N줄 말 줄임표 overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2e..

해양환경공단 https://www.koem.or.kr/site/koem/main.do 불러오는 중입니다... code : box-shadow, position(left,top의 -값을 넣어서 떠오른 효과)