Code CSS3 Xoay Trang 360 Độ Khi Tải Xong

Bm_VQT

Cách đây 8 năm trước

Đoạn CSS sau sẽ khiến Wap bạn xoay 360 độ khi load xong trang nhé. Code chỉ hoạt động trên các trình duyệt đời mới (UC Browser và Opera Mini trên Java thì vứt nhé không thấy gì đâu). Chèn code sau vào header Wap bạn và hưởng hậu quả :))

<style> 

@-moz-keyframes roll { 

100% { 

-moz-transform: rotate(360deg); 

} 

} 



@-o-keyframes roll { 100% { 

-o-transform: rotate(360deg); 

} 

} 



@-webkit-keyframes roll { 100% { 

-webkit-transform: rotate(360deg); 

} 

} 



body{ 

-moz-animation-name: roll; 

-moz-animation-duration: 2s; 

-moz-animation-iteration-count: 1; 

-o-animation-name: roll; -o-animation-duration: 2s; 

-o-animation-iteration-count: 2; 

-webkit-animation-name: roll; 

-webkit-animation-duration: 2s; 

-webkit-animation-iteration-count: 1; 

} 

</style>