@2023/10/04 안녕하세요 lika-7입니다이번시간에는 로딩 애니메이션을 만들겠습니다코드.the-loader{ width: 30px; height: 30px; margin: 30px auto; border: 4px solid red; border-top-color: transparent; border-radius: 50%; animation: loader 1s infinite linear; } @keyframes loader{ 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} }css로 border 속성으로 정사각형을 그림정사각형의 top은 투명 처리border-radius로 정사각형을 원으로 만듬@keyframes 로 시간 진행률을 ..
로딩 에니메이션 만들기
@2023/10/04 안녕하세요 lika-7입니다이번시간에는 로딩 애니메이션을 만들겠습니다코드.the-loader{ width: 30px; height: 30px; margin: 30px auto; border: 4px solid red; border-top-color: transparent; border-radius: 50%; animation: loader 1s infinite linear; } @keyframes loader{ 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} }css로 border 속성으로 정사각형을 그림정사각형의 top은 투명 처리border-radius로 정사각형을 원으로 만듬@keyframes 로 시간 진행률을 ..
2023.10.04
