반응형 css spiner1 css만으로 로딩(스피너) 애니매이션 만들기 : css animation 사이트에 접속 시 화면이 나오기 전에 아이콘이 뱅글뱅들 돌고 있는 화면을 종종 볼 수 있습니다. 이것을 로더/로딩(loader/loading) 또는 스피너(spinner)라고 합니다. 로딩화면은 페이지를 불러들일 때 자연스러운 화면 전환을 위해 사용합니다. 그리고 데이터를 불러들이는 중임을 나타내는 표시로 사용자로 하여금 '뭔가 진행은 되고 있구나'라는 상황을 인지하도록 해줍니다. 하지만 너무 잦은 로딩이 표시되면 오히려 사이트가 느리다는 인상을 줄 수 있습니다. 적절히 사용하는 것이 좋겠습니다. css만을 이용한 로딩을 구현이 가능한데, 어떻게 하는지 알아보도록 하겠습니다. @keyframes 애니메이션 이름 : @keyframes는 애니메이션의 시작부터 종료까지 시간의 순서대로 동작을 지정할 수 있습.. 2023. 1. 9. 이전 1 다음 반응형