간단하게 로딩효과를 낼 수 있는 css happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > CSS > 기타효과 > 간단하게 로딩효과를 낼 수 있는 css 상세정보

클라우드태그

Javascript

PHP

HTML

ASP

mysql

CSS

mobile

jquery

image

slide

占쌨댐옙

占쏙옙占쏙옙占쏙옙트

메뉴

현재접속자 명

간단하게 로딩효과를 낼 수 있는 css

해피팀

네티즌

소스분류

기타효과

다운로드 횟수

62 회

간단설명

css만으로 간단하게 로딩효과를 낼 수 있습니다.

평가하기

간단한 css소스만으로 위 이미지처럼 로딩 애니메이션을 연출할 수 있습니다. ^^

<style>
  @keyframes roading{
    100% {transform:rotate(360deg);}
  }
  .roading{
   display:inline-block;
   width:50px;
   height:50px;
   border:10px solid #72b4fe;
   border-color:#72b4fe transparent transparent;
   border-radius:50%;
   animation: roading 2s linear infinite;
  }
</style>

<div class="roading"></div>