[CSS3] Giả lập hiệu ứng loading của Windows 8

có file html send cho tui học hỏi nha

lttung1197

hatay1712 làm vội nên chỗ đi lên còn chưa khớp chủ yếu là chỗ trượt xuống với trượt lên cho nó mượt thôi
banbaonylong chả có html đâu
chỉ dựa trên cái này , hy vọng giúp dc
giây | góc quay của bi (tính theo độ)
0..............0
1..............4,5
2..............18
3..............42
4..............80
5..............180
6..............280
7..............318
8..............342
9..............355
10............360

đang làm css3, chứ ảnh động thì nói chi

em cũng nghĩ làm bằng css , chứ ảnh động thì có lẽ về đồ cmn họa rồi chứ ko phải IT nữa bác ơ

em nghĩ bác làm preload bằng gif liệu có hiệu quả bằng css ko nhể , vài dòng code giản đơn ( nhẹ rẻ bền đẹp ) với cái gif file , mà còn chưa xóa background nữa , thì cái nào hiệu quả hơn
preload chả ai nhìn chăm chăm đếm thật hay giả đâu bác ạ , thậm chí preload họ còn mong qua cho mau để load đc file kìa -_- , nên đầu tư công sức để làm cái preload cho thật đẹp , trừ khi bác làm win 9 , chứ bt em thấy preload chứ chạy te te là dc rồi , phức tạp như youtube mà preload vẫn đơn giản đó thôi , cần gì phải tính vận tốc góc làm cái gì chứ -_- . để thời gian đầu tư công sức vào cái đáng hơn ,
đôi điều nói nông cạn mong bác bỏ qua

@-o-keyframes orbit {0% {opacity: 1;z-index:99;
-o-transform: rotate(180deg);
-o-animation-timing-function: ease-out;
}
7% {opacity: 1;
-o-transform: rotate(300deg);
-o-animation-timing-function: linear;
-o-origin:0%;
}
30% {opacity: 1;
-o-transform:rotate(410deg);
-o-animation-timing-function: ease-in-out;
-o-origin:7%;
}
39% {opacity: 1;
-o-transform: rotate(645deg);
-o-animation-timing-function: linear;
-o-origin0%;
}
70% {opacity: 1;
-o-transform: rotate(770deg);
-o-animation-timing-function: ease-out;
-o-origin9%;
}
75% {opacity: 1;
-o-transform: rotate(900deg);
-o-animation-timing-function: ease-out;
-o-origin:70%;
}
76% {opacity: 0;
-o-transform:rotate(900deg);
}
100% {opacity: 0;
-o-transform: rotate(900deg);
}

banbaonylong cho hỏi cái rotate(...deg) bạn lấy số liệu ở đâu, tự mò à, mình đưa số liệu để bạn sửa code, còn cái gif chỉ để minh hoạ cho cái số liệu thôi
caphenhiepanh đồng ý là viết code tốt hơn gif, nhưng cái vụ tính toán thì mình ko đồng ý lắm, cái thứ nhất là cái tít là Giả lập hiệu ứng loading của win 8, đã giả lập thì càng giống càng tốt, cái thứ 2: bạn đã bao h ngồi chờ một chương trình gì đó chạy và rảnh rỗi nhìn cái preload chưa, yếu tố thẩm mĩ giúp người ta thoải mái hơn, bớt stress khi chờ đợi , còn cái youtube, nó đâu xài đến hòn bi như win 8, mắc mớ gì phải tính toán cho mệt. Và win 8 thì giảm bớt màu mè đồ hoạ, thiên về metro và chuyển động, do đó đòi hỏi rất nhiều đến sự uyển chuyển, mượt mà, cái preload của nó cũng vậy. À mà cái công thức mình dùng để tính, chẳng có gì phức tạp đâu, chỉ là thứ tầm thường mà hầu hết đứa nào học 12 cũng biết, còn ko thích tính thì cứ tự mò số liệu, chả sao

vấn đề ở đây là css3, load cực nhẹ so với ảnh (lúc làm cái này thì vướng 1 project hiệu ứng bay nhảy khá nhiều nên 1 cái ảnh gif cũng cực cho cái tốc độ)

tiêu đề ở đây là css3, nếu bạn có sửa đổi giúp thì phiền bạn share code, chứ ảnh động thì nói làm j nếu bạn giả lập đc bằng script hay css3 thì share nhé, còn ảnh động thì lập thớt khác vậy