
CSS
css 애니메이션
#애니메이션_by.써니 .time_motion{ display:block; margin:0 auto; animation-name: time_s; /*애니메이션 이름*/ animation-duration: 3s; /*3초동안*/ animation-iteration-count: infinite; /*무한반복*/ animation-timing-function: linear; /*일정속도로*/ } @keyframes time_s { /*효과 애니메이션 0~100% 구간나눌수 있음*/ from {transform: rotate(0deg);} to {transform: rotate(360deg);} } /*키프레임으로 계속 회전하는 효과*/ #코드펜 애니메이션 효과더 알아보기! #그라디언트 애니메이션 .intro_..