Breaking
Loading...
Home » » hiệu ứng xoay trang 360 độ cho Website khi load trang

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,....
Share this Post Share to Facebook Share to Twitter Email This Pin This

0 nhận xét:

 
Copyright © 2014. abc3s - All Rights Reserved | Designed by OddThemes