HTML5+CSS3 loading 效果收集

整理自:instantshift
作者:神飛
原文地址:HTML5+CSS3 loading 效果收集

用gif圖片來做loading的時代已經(jīng)過去了固该,它顯得太low了锅减,而用HTML5/CSS3以及SVG和canvas來做加載動畫顯得既炫酷又逼格十足。這已經(jīng)成為一種趨勢伐坏。

這里收集了幾十個用html5和css3實現(xiàn)的loading效果怔匣,以供學(xué)習(xí)參考。

01. CSS Rainbow Loader

02. Single element Slack loader

03. Pure CSS3 loader

04. CSS Cog loader

05. VSCO – CSS loader

06. Cube CSS Loader

07. CSS Loader

08. Tumblr-style cog loaders

09. CSS Weather Loader

10. Chrome Cast CSS Loader

11. CSS3 Loaders

12. Android 4.4 Kitkat loader

13. CSS loaders kit

14. CSS creative loading

15. CSS Loading Animation

16. Logo Loader

17. Loaders collection by Loaders.css

18. CSS Water filling Loader

19. CSS loader

20. Animated CSS3 Loading Bar

21. CSS loading text animation

22. Simple Loader

23. CSS Loading animation

24. CSS loader

25. Pushing pixels CSS loader

26. CSS Loader

27. CSS Loaders

28. Random Loader

29. Single element CSS spinners

30. Simple CSS loader

31. SpinKit – CSS loaders

32. Modern Google Loader

33. 2D and 3D Block Loaders

Other Loaders and Preloaders

34. 12 free SVG loaders

35. Page Loading Effects

36. Pace.js – Page Load Progress Bars

37. Loading SVG loaders

38. Material Design preloader

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末桦沉,一起剝皮案震驚了整個濱河市每瞒,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌纯露,老刑警劉巖剿骨,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異埠褪,居然都是意外死亡浓利,警方通過查閱死者的電腦和手機挤庇,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來荞膘,“玉大人罚随,你說我怎么就攤上這事∮鹱剩” “怎么了淘菩?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長屠升。 經(jīng)常有香客問我潮改,道長,這世上最難降的妖魔是什么腹暖? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任汇在,我火速辦了婚禮,結(jié)果婚禮上脏答,老公的妹妹穿的比我還像新娘糕殉。我一直安慰自己,他們只是感情好殖告,可當(dāng)我...
    茶點故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布阿蝶。 她就那樣靜靜地躺著,像睡著了一般黄绩。 火紅的嫁衣襯著肌膚如雪羡洁。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天爽丹,我揣著相機與錄音筑煮,去河邊找鬼。 笑死粤蝎,一個胖子當(dāng)著我的面吹牛真仲,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播初澎,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼袒餐,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了谤狡?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤卧檐,失蹤者是張志新(化名)和其女友劉穎墓懂,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體霉囚,經(jīng)...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡捕仔,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片榜跌。...
    茶點故事閱讀 38,161評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡闪唆,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出钓葫,到底是詐尸還是另有隱情悄蕾,我是刑警寧澤,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布础浮,位于F島的核電站帆调,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏豆同。R本人自食惡果不足惜番刊,卻給世界環(huán)境...
    茶點故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望影锈。 院中可真熱鬧芹务,春花似錦、人聲如沸鸭廷。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽靴姿。三九已至沃但,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間佛吓,已是汗流浹背宵晚。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留维雇,地道東北人淤刃。 一個月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像吱型,于是被迫代替她去往敵國和親逸贾。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,916評論 2 344

推薦閱讀更多精彩內(nèi)容

  • afinalAfinal是一個android的ioc津滞,orm框架 https://github.com/yangf...
    passiontim閱讀 15,401評論 2 45
  • 分析分析:是指根據(jù)分析的目的铝侵,將數(shù)據(jù)(定量數(shù)據(jù))進行等距或者不等距的分組,進行研究各組分布規(guī)律的一種分析方法触徐。如收...
    向右奔跑閱讀 860評論 0 2
  • 文/三味書屋 一夜山花瘦 一夜枝凝霜 一夜寒露欲滴 一夜月洗涼 東風(fēng)無力 北風(fēng)張狂
    HONGYUNDANGTOU閱讀 200評論 5 4
  • 此生愧疚為誰愁撞鹉?歲月夜言秋疟丙。 一場凌亂香嗅颖侄,丹桂醉墻頭。 人寂寞享郊,酒更稠览祖,一壺休。 今生慘慘炊琉,鎖就疏籬展蒂,帝女獨憂。
    寒菊閱讀 257評論 14 7
  • onClick事件大家都很熟悉温自,當(dāng)用戶點擊一個特定元素時調(diào)用特定的代碼玄货。在react中也能使用這個,但是語法有點不...
    誅諾閱讀 3,419評論 0 0