반응형
박스크기변화
-
<HTML/CSS> Transition 1 - 글자색과 크기 변환컴퓨터 알아가기/HTML CSS 2022. 9. 15. 19:30
자바스크립트를 공부하면서 CSS의 애니메이션 기능을 잠깐 익히고 갈 필요가 있습니다. 그 중에서 가장 기초적인 내용으로 마우스 기능인 hover 기능을 통하여 마우스를 갖다 대었을 경우 색이나 크기가 변환하는 과정을 공부하도록 하겠습니다. 기본적으로 마우스 기능인 hover를 사용하면 마우스를 해당 영역에 올리는 것 만으로도 활성화가 됩니다. 모양을 보기 편하게 하기 위해서 마우스를 위에 올렸을 때 손가락 표시가 나오는 pointer 기능도 같이 사용합니다. Transition 기능은 글자인 태그, 문장인 태그, 버튼내에 있는 글자크기, 영역을 지정하는 태그의 크기 변화 등 다양하게 사용할 수 있습니다. Transition 기능은 일종의 애니메이션 기능으로 변환되는 시간을 설정하면 됩니다. CSS에서 명..