Được tạo bởi Blogger.

Giới thiệu bản thân

Tổng số lượt xem trang

Banner 468 x 60

Email Subscribe

Formulir Kontak

Tên

Email *

Thông báo *

Bottom Navi

Pages

Ads (728x90)

Followers

Archive

Menu

Top Menu

(HN) - (TP.HCM)
RSS

Thứ Sáu, 4 tháng 4, 2014

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

0 nhận xét:

Đăng nhận xét