출처 : https://inforyou.tistory.com/18 [css] 이미지 확대 / transform:scale / transition:transform css를 이용한 간단한 이미지 확대... 간단한 div box안에 이미지 소스를 확대 시키려면 transform:scale 을 이용하면 된다. transform:scale(1.1); /* default */ -webkit-transform:sc.. inforyou.tistory.com

출처 : https://teck10.tistory.com/90 visible: 기본값으로 내용이 더 길어도 그대로 보입니다. (내용이 흘러넘침) hidden : 내용이 넘치면 자릅니다. 자른 부분은 보이지 않습니다. scroll : 내용이 넘치지 않아도 항상 스크롤바가 보입니다. auto : 내용이 잘릴 때만 스크롤바가 보입니다.

출처 : https://www.thewordcracker.com/miscellaneous/%EB%AA%A8%EB%B0%94%EC%9D%BC-%EA%B8%B0%EA%B8%B0%EC%97%90%EC%84%9C-%EC%88%98%ED%8F%89-%EC%8A%A4%ED%81%AC%EB%A1%A4-%EC%97%86%EC%95%A0%EA%B8%B0/ 모바일 기기에서 수평 스크롤 없애기 - 워드프레스 정보꾸러미 모바일 웹에서 수평 스크롤(가로 스크롤)이 있을 경우 위의 그림과 같이 화면을 터치하여 왼쪽으로 이동시키면 사이트가 좌우로 움직이게 되어 매우 불편하게 됩니다. 모바일 기기에서 수평 www.thewordcracker.com

출처 : https://skydoor2019.tistory.com/6 CSS 트랜지션(transition) 효과 사용 방법과 속성 - 이글 하나면 끝! 스카이웹 블로그에 오신걸 환영합니다! Welcome to my blog! 티스토리 블로그 기능이 익숙하지 않은 상태에서 글을 올리는 거라서 이것 저것 아직 부족한게 많은 거 같습니다. 빠른 시간안에 빨리 익 skydoor2019.tistory.com

https://youtu.be/fKyLCIqWjIY 여기에서 5:03 참조 방법은 정리 해봄. 구글에 "css image sprites generator" 검색후 CSS Sprites Generator 접속하여 sprite 이미지 생성, 생성시 background position도 전부 나와 있음. 아래가 CSS Sprites Generator 사이트 https://www.toptal.com/developers/css/sprite-generator/ CSS Sprites Generator CSS Sprites Generator Upload your images. (Note: Please don’t upload HUGE files. That’s not the purpose of sprites techniq..

https://velog.io/@vnthf/웹폰트-최적화-하기 웹폰트 최적화 하기 웹폰트란? 폰트 web safe font - 일반적으로 시스템에 설치된 폰트. 다운로드 없이 사용자에게 의도대로 표현이 할 수 있음. (Arial, Helvetica 등) web font - 설치되어 있지 않아서 브라우저에서 다운로드 velog.io