목록웹사이트만들기 (1)

IT 블로그

CSS 로딩 애니메이션 예제 - 2~3

CSS 로딩 애니메이션 예제 - 2~3 이번에 만들 로딩 애니메이션 예제는 위와 같이 2가지다. 로딩 애니메이션이 너무 간단해서 2가지를 가지고 왔다. 정말 간단하다.. 구현하기 - 1 html 부터 작성해보자 bounce는 배경을 위해 넣었다. 123 cs 대충 배경 css를 작성해 주고 원(?)을 을 만들어보자 원의 css도 간단하다 원은 border-radius 50%를 적용하면 된다. 그후 배경 중앙으로 옮겨 주었다. 커지는 애니메이션은 scale을 사용하면 로딩 애니메이션 구현이 끝난다 ㅋㅋ keyframes 또한 간단하다. 123456789101112131415161718192021222324.bounce { width: 50%; height: 300px; background: #141926;..
프로그래밍/css 2018. 10. 3. 12:49
이전 Prev 1 Next 다음