hiệu ứng xoay trang 360 độ cho Website khi load trang

Tweet

Thủ thuật tạo hiệu ứng xoay trang 360 độ cho Website khi load trang, Code được viết bằng CSS3 nên tốc độ load rất nhanh, trông rất chuyên nghiệp, đẹp mắt và rất thú vị, Mọi người thử khám phá xem nhé. Thủ thuật tạo hết sức đơn giản và dễ.






- Bạn chỉ cần, Chèn đoạn code sau trên ]]></b:skin>

@-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; } 
- Ghi chú: Vì đoạn code là CSS3 nên trên một số trình duyệt như IE5,6,7 sẽ không hoạt động. Hoạt động tốt trên chroome, firefox, sarafi, IE9-10,....