탁이로그

CSS Transition는 요소를 애니메이션화하는 CSS 의 기능입니다. CSS로 애니메이션화에는 CSS Transition 그리고 CSS Animation 두 가지 기능이 있습니다. 이번에는 CSS 애니메이션에 관한 프로퍼티를 소개합니다. CSS Transition 이란? 속성에 변경이 있었을 때, 일정 시간에 속성을 변경시키는 기능입니다. 키프레임 애니메이션을 적용하지 않기 때문에, 미세한 움직임의 애니메이션을 구현보다는 간단한 움직임의 애니메이션을 구현할 때 이용합니다. 키프레임 애니메이션이란? 키프레임 애니메이션이란 애니메이션의 시작(0%)부터 종료(100%)까지의 임의의 경과 지점에 프로퍼티를 지정할 수 있는 애니메이션입니다. (속성을 지정한 경과 지점을 키프레임이라고 한다) CSS Trans..

CSS 를 이용해서 줄간격 (행간) 을 조절하는 방법을 소개합니다. 행간 조절 CSS line-height :문장의 줄간격(행간)을 조절합니다. 줄간격이 너무 좁으면 가독성이 떨어지게 되는데, 그런 경우 이 속성을 이용하여 줄간격을 조절할 수 있습니다.행간을 조절하는 속성 line-height : line-height : 행간 값 (정확하게는 글꼴 크기 상하 여백 합계)페이지 전체의 행간을 변경 body {line-height : 행간 값 }단락 요소의 행간을 변경 p {line-height : 행간 값 }클래스의 행간을 변경 .className {line-height : 행간 값 }행간 값의 단위의 종류% 지정 브라우저의 문자 기준 크기에 대한 % 값. line-height : 150 %em 지정 브라..