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

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,....
post-edit

Không có nhận xét nào:

- Không chèn liên kết Spam quảng cáo. có thể xem ở đây Liên Kết Bạn Bè
- Nội dung nên liên quan tới bài viết.
- Hãy đóng góp ý kiến của bạn để Blogger Việt hoàn thiện hơn.