whirl是CSS加载动画的集合. 它从CSS文件中的一个下拉文件开始，以使用:pseudo元素获得简单的动画。它现在是一个加载动画的集合，可以使用，从中获得灵感，改变和做你想做的事情
基本用法：
第一步：查看whirl示例页面，选择合适的效果，去到github，下载css文件到项目中。这里拿whirl效果举例，下载whirl.css后，在页面的头部引入需要的loading效果的样式文件：
<link href="dist/whirl.css" rel="stylesheet" />;
第二步：注意样式中的变量写法，如：var(--primary)，需要自己定义样式变量，如--primary,-secondary等，具体看样式文件中用到哪些。
例如：whirl.css中用到--primary，我们可以如下定义变量，
:root{ --primary: red; // 样式值根据自己的场景定义 }
第三步：然后添加基本的CSS类名“whirl”到一个 Html 元素，然后增加自定义的类名用来自定义样式。
<div class="whirl duo">...</div>;
最后，可以在页面查看效果啦
请注意，如果要捆绑，则可能需要重写某些样式。请注意冲突的类名或动画名。
