Trang chủ | Giải Trí | WapMasTer | Share Code

Thông Báo

Đã muộn rồi đó. Hãy quit ngay đi nếu không muốn thành tên mặt mụn xấu xí. Mai mà ngủ gật là bị phạt đấy nhé! Mà quên nữa, ở TỜ RYM từ giờ trở đi là có Ngáo ộp đó!

[new] Tải App Trym Cho Android Để Đọc Truyện

Trang chủ › WapMasTer › Html Css

Tìm kiếm | Lượt xem: 532 | Lưu Bài Viết

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

Bm_VQT

Cách đây 9 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>