[해피CGI][cgimall] 간단하게 로딩효과를 낼 수 있는 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>

​

​

​