CSS1 TASKIFY Day-4 학습정리 CSS 애니메이션시각적인 요소를 시간에 따라 변화시키는 기술로 웹 디자인과 UX를 풍부하게 만드는 역할을 한다.JavaScript와 CSS를 이용해 구현이 가능하다.Transition요소의 상태가 변경될 때 자동으로 애니메이션이 적용되도록 한다. 속성의 변경에 시간을 부여하여 갑작스럽지 않게 만들어준다..box { width: 100px; height: 100px; background-color: blue; transition: background-color 0.5s ease;}.box:hover { background-color: red;}사용자가 .box 요소에 마우스를 올렸을 때 배경이 부드럽게 전환 되도록 한다.Animation@keyframes 를 정의 하여 더 복잡한.. 2024. 8. 28. 이전 1 다음
