Internet连接的速度越来越快 ，但是有时我们仍然需要一些时间来等待网页加载。 设计师使用各种创意的动画加载程序 ，尽最大努力使您的等待时间变得有趣而轻松。

加载程序会向您显示该过程正在进行中。 但是，要确保您在整个过程完成之前不走开，那么出色的加载程序的秘密就在于对细节和有趣动画的关注 。 在下面，您可以找到20个出色的装载机，您可以在自己的网站或项目上下载和使用。

见笔CSS加载康纳（ @ CKH4上） CodePen 。

见笔彩虹装载机杰克Rugile（ @jackrugile上） CodePen 。

通过

见笔重定向装载机先生外国人（ @mr_alien ）上CodePen 。

见笔加载CSS的马蒂亚Bericchia（ @mattiabericchia ）上CodePen 。

见笔轻装载机杰克Rugile（ @jackrugile上） CodePen 。

见笔CSS3无限装载机由乔纳森·席尔瓦（ @jonathansilva上） CodePen 。

请参阅CodePen上Irko Palenius（ @ispal ）的Pen CSS楼梯装载机 。

见笔CSS加载通过澈（ @code_dependant上） CodePen 。

见笔装载机通过MaroÃ??¡Horniak（ @ majci23 ）上CodePen 。

见笔魔方装载机由菲利普维塔斯（ @FilipVitas ）上CodePen 。

见笔CSS3装载机动画- PEEEK通过RÃ??±ZA SELA ??§ukSaydam（ @rss ）上CodePen 。

请参阅CodePen上的Robert Borghesi（ @dghez ） 撰写的Pen Pure Css加载器 -Square 。

见笔鸡尾酒装载机由Marc Malignan（ @MarcMalignan ）上CodePen 。

在CodePen上查看 Reinier Kaper（ @TheDutchCoder ） 的每天（第二天）笔式装载器 。

见笔多边形装载机由丹尼尔·里德（ @dan_reid ）上CodePen 。

见笔代码加载器，在CSS人Deepak KAMAT（ @depy ）上CodePen 。

见笔一元四色装载机蒂芙尼STOIK（ @tstoik ）上CodePen 。

见笔装载机＃1山姆Lillicrap（ @samueljweb ）上CodePen 。

参见Pen 让我们在CodePen 上加载 Tom Hewitt（ @tomchewitt ）的东西 。

在CodePen上查看 Robert Douglas（ @redouglas ）的“笔另一个加载动画” 。

翻译自: https://www.hongkiat.com/blog/free-animated-loaders/