CSS3의 애니메이션 회전 360 회전

.logo {

    폭 : 20 픽셀 ; 
    높이 : 20 픽셀 ; 
    배경 : 빨간색 ; 
    -webkit 애니메이션 : haha1 .8s 무한 선형 ;

　　애니메이션 : haha1 .8s 무한 선형;

} @ -webkit - 키 프레임 haha1 { 0 % {- 웹킷 변환 : 회전 (0deg) } 25 % { -webkit-변환 : 회전 (90DEG)를 } 50 % { -webkit-변환 : 회전 (180도)를 } 75 % { -webkit-변환 : 회전 (270deg)를 } 100 % { -webkit-변환 : 회전 (360deg)를 } }

또는

.logo {

    폭 : 20 픽셀 ; 
    높이 : 20 픽셀 ; 
    배경 : 빨간색 ; 
    -webkit 애니메이션 : haha1 .8s 무한 선형 ;

　　애니메이션 : haha1 .8s 무한 선형;

} @ -webkit - 키 프레임 haha1 { 에서 {변환 : 회전 (0) } 에 { 변환 : 회전 (360deg) } }