keyframes1

• 

  animation 속성들 transition속성으로 Animation 구현 단순한 애니메이션을 구현할 때 Transition 속성을 이용해서 구현한다. 아래의 스탭에 따라 애니메이션을 구현한다. 1. 시작스타일 정하기 2. 최종스타일 정하기 3. 언제 최종스타일로 변할지 트리거 주기 (대부분 마우스 올렸을 때임) 4. transition 으로 서서히 동작하게 만들기 transition-delay: 1s; /* 시작 전 딜레이 */ transition-duration: 0.5s; /* transition 작동 속도 */ transition-property: opacity; /* 어떤 속성에 transition 입힐건지 */ transition-timing-function: ease-in; /* 동작 속도 그래프조정 */ 예시 .b.. 개발/CSS 2023. 6. 25.