Eveningstar

참고 _ https://codepen.io/nxworld/pen/ZYNOBZ Html 구조 [ CSS ] 1. Zoom In 기본 a img {transform: scale(1);transition: .3s ease-in-out; } hover시 a:hover img {-webkit-transform: scale(1.3);transform: scale(1.3); } - transform: scale(값) 을 통해 zoom 효과 부여 2. Zoom In 2 기본 a img {width: 350px; //width값을 지정height: auto;transition: .3s ease-in-out; } hover시 a:hover img {width: 450px; } - width값 크기 변경을 통해 zoom 효..

word-break&word-wrap [word-break] - word-break는 문자열의 줄바꿈을 설정해줍니다.- 줄바꿈은 공백(띄어쓰기) 혹은 하이픈(hyphen) 사용시 줄바꿈이 시행되지만 CJK(중국,일본,한국) 언어에서는 '음절'에 따라 줄바꿈이 시행됩니다. 속성 값 1. normal(기본값) 2. break-all : 무조건 줄바꿈(단어가 깨짐) / non-CJK일때는 임의대로 줄바꿈 가능, CJK에서는 normal과 원리동일. 3. keep-all : 단어를 유지하면서 바꿔줌. ** But 특수문자와 언어에따라 사용여부를 결정해야한다. 아래 테스트를 살펴보자 (1) 특수문자 없이 그대로 CJK와 non-CJK(영문)을 비교해보았다. https://jsfiddle.net/jywoo/h92r..