21:25 - 04/04/2014

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

Bình luận & Góp ý

0 nhận xét:

Đăng nhận xét