Tagged: css

0

CSS 애니메이션 최적화2

브라우저 차원에서의 애니메이션 최적화 방법 Repaint (or Redraw) 엘리먼트의 스킨에 변화가 발생하지만, 레이아웃에는 영향을 미치지 않을 때 유발된다. (visibility, outline, background-color 등이 포함)...

0

CSS 애니메이션 퍼포먼스 향상 전략

문제. CSS 애니메이션을 사용할 때 퍼포먼스 향상을 위해 고려해야할 점 엘리먼트에 어떠한 변경을 할 것인지를 미리 브라우저에 알려주는 것이 will-change 속성의 역할이다. 이것을...

0

CSS Link or Import

문제. CSS를 연결시킬 때 Link와 Import가 속도에 영향을 미치는가? 처음 HTML 문서에 대해서 배울 때 link가 더 좋은 방법이고 더 빠른 방법이다라고 무작정 link로...

0

더보기 효과

요구. 더보기 영역을 생성하고 해당 영역에 자연스러운 효과구현 제한사항. 최신브라우저만 지원해도 됨. 고로 CSS3를 사용하여 효과 구현가능. 가상클래스 : IE9+ CSS Gradients :...

0

CSS 줄바꿈

상황. 영어로 띄어쓰기 없이 같은 글자를 작성하는 경우 레이아웃 밖으로 튀어나간다. 상황확인. 영어로 띄어쓰기 없이 같은 글자를 작성하는 경우 레이아웃 밖으로 튀어나간다 한글로...

0

문서 프린트시 이미지 퀄리티 높이기

개요 image-rendering CSS 프로퍼티는 브라우저의 이미지 스케일링 방식에 대한 힌트를 제공합니다. 이 프로퍼티는 엘리먼트 자신에게 적용시킵니다. 스케일링(크기변경)이 안 된 이미지에게는 적용되지 않습니다. 예를들어, 100×100 픽셀의 이미지가...

0

CSS VW단위 사용기

이번에 모바일 이벤트 작업을 하게 되면서 VW 단위의 코딩 작업을 해보게 되었다.   1VW는 모바일 디바이스 넓이의 1/100이다. 따라서 320px의 넓이를 가진 iphone...