[CSS] animation

#1 Animation이란?The animation shorthand CSS property applies an animation between styles.animation은 스타일 간에 애니메이션 효과를 부여한다.  도지코인에 애니메이션 효과를 부여했다. 수수수수퍼노바#2 문법애니메이션 속성을 정의하려면 애니메이션 이름을 정하고 @keyframes과 함께 써야 한다.@keyframes CoinFlip { from { transform: rotateX(0) rotateY(0); } to { transform: rotateX(360deg) rotateY(360deg); ..

• format_list_bulleted 프로그래밍/프로그래밍 언어
• · 2024. 9. 8.

[CSS] Transition: 요소에 애니메이션 효과 입히기

#1 transition이란?transition은 요소가 현 상태에서 다른 상태로 전환할 때 동적효과를 부여하는 속성이다. #2 문법요소의 현재 상태와 후 상태를 정의한 후에 transition 속성을 통해 전환효과를 가하려는 속성들을 지정한다. a { color: wheat; background-color: tomato; ... transition: color background-color ease-in-out 1s; } a:hover { color: tomato; background-color: wheat; }#3..

• format_list_bulleted 프로그래밍/프로그래밍 언어
• · 2024. 9. 8.