sinzmise-cetastories 2.0.0-1728287682880 → 2.0.0-1728289710635
Sign up to get free protection for your applications and to get access to all the features.
- package/404/index.html +1 -1
- package/about/index.html +1 -1
- package/album/index.html +1 -1
- package/archives/2021/12/index.html +1 -1
- package/archives/2021/index.html +1 -1
- package/archives/2022/12/index.html +1 -1
- package/archives/2022/index.html +1 -1
- package/archives/2023/01/index.html +1 -1
- package/archives/2023/02/index.html +1 -1
- package/archives/2023/03/index.html +1 -1
- package/archives/2023/04/index.html +1 -1
- package/archives/2023/07/index.html +1 -1
- package/archives/2023/08/index.html +1 -1
- package/archives/2023/09/index.html +1 -1
- package/archives/2023/10/index.html +1 -1
- package/archives/2023/11/index.html +1 -1
- package/archives/2023/12/index.html +1 -1
- package/archives/2023/index.html +1 -1
- package/archives/2023/page/2/index.html +1 -1
- package/archives/2023/page/3/index.html +1 -1
- package/archives/2024/01/index.html +1 -1
- package/archives/2024/02/index.html +1 -1
- package/archives/2024/03/index.html +1 -1
- package/archives/2024/04/index.html +1 -1
- package/archives/2024/05/index.html +1 -1
- package/archives/2024/06/index.html +1 -1
- package/archives/2024/07/index.html +1 -1
- package/archives/2024/08/index.html +1 -1
- package/archives/2024/09/index.html +1 -1
- package/archives/2024/10/index.html +1 -1
- package/archives/2024/index.html +1 -1
- package/archives/2024/page/2/index.html +1 -1
- package/archives/index.html +1 -1
- package/archives/page/2/index.html +1 -1
- package/archives/page/3/index.html +1 -1
- package/archives/page/4/index.html +1 -1
- package/atom.xml +21 -21
- package/bangumis/index.html +1 -1
- package/bbs/bbs.html +1 -1
- package/bbs/index.html +1 -1
- package/categories/index.html +1 -1
- package/categories//344/270/252/344/272/272/345/260/217/350/256/260/index.html +1 -1
- package/categories//344/270/252/344/272/272/345/260/217/350/256/260/page/2/index.html +1 -1
- package/categories//346/255/214/346/233/262/346/224/266/351/233/206/index.html +1 -1
- package/categories//346/270/270/346/210/217/347/233/270/345/205/263/index.html +1 -1
- package/categories//347/253/231/347/202/271/346/212/230/350/205/276/index.html +1 -1
- package/categories//347/253/231/347/202/271/346/212/230/350/205/276/page/2/index.html +1 -1
- package/categories//351/241/271/347/233/256/346/212/230/350/205/276/index.html +1 -1
- package/charts/index.html +1 -1
- package/comments/index.html +1 -1
- package/essay/index.html +1 -1
- package/fcircle/index.html +1 -1
- package/index.html +1 -1
- package/link/index.html +1 -1
- package/load.html +1 -1
- package/music/index.html +1 -1
- package/package.json +1 -1
- package/page/2/index.html +1 -1
- package/page/3/index.html +1 -1
- package/page/4/index.html +1 -1
- package/posts/10021/index.html +1 -1
- package/posts/10045/index.html +1 -1
- package/posts/10733/index.html +1 -1
- package/posts/10996/index.html +1 -1
- package/posts/12779/index.html +1 -1
- package/posts/13624/index.html +1 -1
- package/posts/15688/index.html +1 -1
- package/posts/15748/index.html +1 -1
- package/posts/15799/index.html +1 -1
- package/posts/15842/index.html +1 -1
- package/posts/16107/index.html +1 -1
- package/posts/18063/index.html +1 -1
- package/posts/20412/index.html +1 -1
- package/posts/21375/index.html +1 -1
- package/posts/22945/index.html +1 -1
- package/posts/23021/index.html +1 -1
- package/posts/27531/index.html +1 -1
- package/posts/28536/index.html +1 -1
- package/posts/28733/index.html +1 -1
- package/posts/29196/index.html +1 -1
- package/posts/38917/index.html +1 -1
- package/posts/38964/index.html +1 -1
- package/posts/42487/index.html +1 -1
- package/posts/42580/index.html +1 -1
- package/posts/45875/index.html +1 -1
- package/posts/46640/index.html +1 -1
- package/posts/48762/index.html +1 -1
- package/posts/50710/index.html +1 -1
- package/posts/52677/index.html +1 -1
- package/posts/53662/index.html +1 -1
- package/posts/54386/index.html +1 -1
- package/posts/54481/index.html +1 -1
- package/posts/54787/index.html +1 -1
- package/posts/56467/index.html +1 -1
- package/posts/57692/index.html +1 -1
- package/posts/58203/index.html +1 -1
- package/posts/61417/index.html +1 -1
- package/posts/646/index.html +1 -1
- package/posts/64856/index.html +1 -1
- package/posts/64935/index.html +1 -1
- package/search.xml +95 -95
- package/seas/index.html +1 -1
- package/serviceworker.js +1 -1
- package/sw.js +1 -1
- package/tags/Flash/347/233/270/345/205/263/index.html +1 -1
- package/tags/Steam/346/270/270/346/210/217/index.html +1 -1
- package/tags/Windows/350/275/257/344/273/266/index.html +1 -1
- package/tags/index.html +1 -1
- package/tags//344/270/252/344/272/272/345/260/217/350/256/260/index.html +1 -1
- package/tags//344/270/252/344/272/272/345/260/217/350/256/260/page/2/index.html +1 -1
- package/tags//345/205/266/345/256/203/346/270/270/346/210/217/index.html +1 -1
- package/tags//345/212/240/350/275/275/345/212/250/347/224/273/index.html +1 -1
- package/tags//346/202/254/346/265/256/345/256/240/347/211/251-/347/234/213/346/235/277/345/250/230/index.html +1 -1
- package/tags//346/255/214/346/233/262/346/224/266/351/233/206/index.html +1 -1
- package/tags//346/270/270/346/210/217/347/233/270/345/205/263/index.html +1 -1
- package/tags//347/253/231/347/202/271/345/272/225/351/203/250/351/255/224/346/224/271/index.html +1 -1
- package/tags//347/253/231/347/202/271/346/212/230/350/205/276/index.html +1 -1
- package/tags//347/253/231/347/202/271/346/212/230/350/205/276/page/2/index.html +1 -1
- package/tags//350/207/252/345/273/272/351/203/250/347/275/262/index.html +1 -1
- package/tags//351/241/265/351/235/242/351/255/224/346/224/271/index.html +1 -1
- package/tags//351/241/271/347/233/256/346/212/230/350/205/276/index.html +1 -1
- package/update/index.html +1 -1
package/search.xml
CHANGED
|
@@ -36,6 +36,25 @@
|
|
|
36
36
|
<h1 id="玩过的游戏（加粗为常玩）"><a href="#玩过的游戏（加粗为常玩）" class="headerlink" title="玩过的游戏（加粗为常玩）"></a>玩过的游戏（加粗为常玩）</h1><p><strong>赛马娘（台服）</strong><br><strong>蔚蓝档案（台服）</strong><br>重返未来1999 （暂退）<br>Minecraft <psw>（放心不是冈易那个MC）</psw><br>Roblox<br>光·遇（安小歪推荐的）<br>Phigros<br>Sonolus<br>节奏大师回归版<br>BanG Dream<br>荒野乱斗（现实朋友推荐的）<br>暗区突围（千寻推荐的）</p>
|
|
37
37
|
<h1 id="后记"><a href="#后记" class="headerlink" title="后记"></a>后记</h1><p>2023年即将到来，我也将我友链页面的“博客描述”改成：欢迎旅行者，来到这个平凡但又记载了许多故事的小屋<br>并且将中弦局图标更新：<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/SinZero%E6%96%B0%E5%9B%BE%E6%A0%87.png" alt="中弦局新图标" data-tag='post-image' loading="lazy" onerror='this.onerror=null;this.src="/img/404.jpg"'><br><psw>（虽然有点缺陷，但后面会优化）</psw></p>
|
|
38
38
|
<p>最后你有没有想对2023说的话？请写在评论区吧<br>再见，2023<br>你好，2024</p>
|
|
39
|
+
]]></content>
|
|
40
|
+
<categories>
|
|
41
|
+
<category>个人小记</category>
|
|
42
|
+
</categories>
|
|
43
|
+
<tags>
|
|
44
|
+
<tag>个人小记</tag>
|
|
45
|
+
</tags>
|
|
46
|
+
</entry>
|
|
47
|
+
<entry>
|
|
48
|
+
<title>2024-02小记</title>
|
|
49
|
+
<url>/posts/15842/</url>
|
|
50
|
+
<content><![CDATA[<div class="tip success"><p>本文章已经同步到xLog：<a href="https://xlog.sinzmise.top/write-2024-02">https://xlog.sinzmise.top/write-2024-02</a> </p>
|
|
51
|
+
</div>
|
|
52
|
+
<p>时间真快，转眼间，新年、2月过去了<br>就让这里写下我2月做了什么吧</p>
|
|
53
|
+
<h1 id="伺か（伪春菜），我并未忘记"><a href="#伺か（伪春菜），我并未忘记" class="headerlink" title="伺か（伪春菜），我并未忘记"></a>伺か（伪春菜），我并未忘记</h1><p>从之前我就想将明猪大佬的网页版伪春菜看板娘搞到Hexo里去，因为时间等原因我并未实施<br>现在我把它搞上去了，效果如下：<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/msedge_KiupgoTMYf.101wojo3eg.webp" alt="msedge_KiupgoTMYf" data-tag='post-image' loading="lazy" onerror='this.onerror=null;this.src="/img/404.jpg"'><br>目前所使用的人格是落鸟，后面如果有时间的话我写个Hexo插件，然后在插件里切换人格<br>还有有关聊天功能嘛。。。。。我是打算用AI来实现啦。。。。。。。</p>
|
|
54
|
+
<p>（2024-05 因为新博客部署伪春菜的时候出现了一些问题，导致春菜没到新家，很抱歉！目前正在修复）</p>
|
|
55
|
+
<p>现在因为开学了，所以不能经常打开ssp看橘花和绿坝娘（没错，也有人做绿坝娘的ssp人格，甚至还是有配音的）<br>但是我依然没有忘掉他们。。。。。。<br>就像我之前的文章里说的，希望伪春菜这个圈子能跟以前一样在国内重新爆发活力<br>（虽然代价是圈子变臭，还不如让很少人了解这个圈子。。。。。）</p>
|
|
56
|
+
<h1 id="Memos又寄了。。。。。。"><a href="#Memos又寄了。。。。。。" class="headerlink" title="Memos又寄了。。。。。。"></a>Memos又寄了。。。。。。</h1><p>我是没想到Koyeb会暂停部署，Kuma来了也没管用<br>算了，后面我找个免费方法再搞Memos吧<br>反正现在还能访问，{ psw 这个干脆就做简短点啦。。。。。（bushi） }</p>
|
|
57
|
+
<h1 id="GTA-V，启动！"><a href="#GTA-V，启动！" class="headerlink" title="GTA V，启动！"></a>GTA V，启动！</h1><p>别问为啥要把这个放在二月小记，我只能在周末才能碰到电脑，也因此只能在假期写文章<br>{ psw 也别问我为啥不在手机上写，我Qexo都没搞。。。。。。 }<br>经过小何的邀请下，我决定入坑GTA5，并且在小何的帮助下成功用15块钱搞到了GTA5白号<br>他带我打了个差事，然后抢抢便利店，最后还打了死亡对战（虽然平局了）<br>怎么说呢。。。。。。。虽然我玩的游戏很多，但因为我很少玩游戏，所以不知道怎么评价<br>但怎么说呢，总归也入坑了一款我没玩过的游戏呢</p>
|
|
39
58
|
]]></content>
|
|
40
59
|
<categories>
|
|
41
60
|
<category>个人小记</category>
|
|
@@ -62,25 +81,6 @@
|
|
|
62
81
|
<p>预览：<a href="https://www.sinzmise.top/">中弦局·九弦之都</a></p>
|
|
63
82
|
<h1 id="入坑pjsk"><a href="#入坑pjsk" class="headerlink" title="入坑pjsk"></a>入坑pjsk</h1><p>这个没啥好说的，毕竟我有入坑过邦（BanG Dream！少女乐团派对）、Phigros或者Arcaea等音游<br><psw>（虽然我没咋玩音游。。。。。。）</psw><br>至于为啥我玩完pjsk自制谱Sonolus之后要玩官方版本pjsk。。。。。。<br>主要是我朋友也在玩pjsk官方版（虽然他经常玩Arcaea），思来想去还是觉得下个官方版本pjsk</p>
|
|
64
83
|
<h1 id="自建API"><a href="#自建API" class="headerlink" title="自建API"></a>自建API</h1><p>其实这API原本是想给我的个人主页使用的。。。。。。但搭建完个人主页才知道我是个大聪明，直接使用哪个壁纸不行吗。。。。。。<br>算了，搭都搭建了，就别浪费，直接展示吧：<a href="https://api.sininno.eu.org/">https://api.sininno.eu.org/</a><br>（顺便归纳到我之前打算新建的计划里面，这样也算杜绝浪费了。。。。。。吧？）</p>
|
|
65
|
-
]]></content>
|
|
66
|
-
<categories>
|
|
67
|
-
<category>个人小记</category>
|
|
68
|
-
</categories>
|
|
69
|
-
<tags>
|
|
70
|
-
<tag>个人小记</tag>
|
|
71
|
-
</tags>
|
|
72
|
-
</entry>
|
|
73
|
-
<entry>
|
|
74
|
-
<title>2024-02小记</title>
|
|
75
|
-
<url>/posts/15842/</url>
|
|
76
|
-
<content><![CDATA[<div class="tip success"><p>本文章已经同步到xLog：<a href="https://xlog.sinzmise.top/write-2024-02">https://xlog.sinzmise.top/write-2024-02</a> </p>
|
|
77
|
-
</div>
|
|
78
|
-
<p>时间真快，转眼间，新年、2月过去了<br>就让这里写下我2月做了什么吧</p>
|
|
79
|
-
<h1 id="伺か（伪春菜），我并未忘记"><a href="#伺か（伪春菜），我并未忘记" class="headerlink" title="伺か（伪春菜），我并未忘记"></a>伺か（伪春菜），我并未忘记</h1><p>从之前我就想将明猪大佬的网页版伪春菜看板娘搞到Hexo里去，因为时间等原因我并未实施<br>现在我把它搞上去了，效果如下：<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/msedge_KiupgoTMYf.101wojo3eg.webp" alt="msedge_KiupgoTMYf" data-tag='post-image' loading="lazy" onerror='this.onerror=null;this.src="/img/404.jpg"'><br>目前所使用的人格是落鸟，后面如果有时间的话我写个Hexo插件，然后在插件里切换人格<br>还有有关聊天功能嘛。。。。。我是打算用AI来实现啦。。。。。。。</p>
|
|
80
|
-
<p>（2024-05 因为新博客部署伪春菜的时候出现了一些问题，导致春菜没到新家，很抱歉！目前正在修复）</p>
|
|
81
|
-
<p>现在因为开学了，所以不能经常打开ssp看橘花和绿坝娘（没错，也有人做绿坝娘的ssp人格，甚至还是有配音的）<br>但是我依然没有忘掉他们。。。。。。<br>就像我之前的文章里说的，希望伪春菜这个圈子能跟以前一样在国内重新爆发活力<br>（虽然代价是圈子变臭，还不如让很少人了解这个圈子。。。。。）</p>
|
|
82
|
-
<h1 id="Memos又寄了。。。。。。"><a href="#Memos又寄了。。。。。。" class="headerlink" title="Memos又寄了。。。。。。"></a>Memos又寄了。。。。。。</h1><p>我是没想到Koyeb会暂停部署，Kuma来了也没管用<br>算了，后面我找个免费方法再搞Memos吧<br>反正现在还能访问，{ psw 这个干脆就做简短点啦。。。。。（bushi） }</p>
|
|
83
|
-
<h1 id="GTA-V，启动！"><a href="#GTA-V，启动！" class="headerlink" title="GTA V，启动！"></a>GTA V，启动！</h1><p>别问为啥要把这个放在二月小记，我只能在周末才能碰到电脑，也因此只能在假期写文章<br>{ psw 也别问我为啥不在手机上写，我Qexo都没搞。。。。。。 }<br>经过小何的邀请下，我决定入坑GTA5，并且在小何的帮助下成功用15块钱搞到了GTA5白号<br>他带我打了个差事，然后抢抢便利店，最后还打了死亡对战（虽然平局了）<br>怎么说呢。。。。。。。虽然我玩的游戏很多，但因为我很少玩游戏，所以不知道怎么评价<br>但怎么说呢，总归也入坑了一款我没玩过的游戏呢</p>
|
|
84
84
|
]]></content>
|
|
85
85
|
<categories>
|
|
86
86
|
<category>个人小记</category>
|
|
@@ -99,24 +99,6 @@
|
|
|
99
99
|
<h1 id="加入笔墨迹"><a href="#加入笔墨迹" class="headerlink" title="加入笔墨迹"></a>加入笔墨迹</h1><p>Blogs·CN（笔墨迹）是一个位于中国境内的平台，致力于发掘和分享”优秀个人独立博客”。</p>
|
|
100
100
|
<p>我老早之前就想加入了，但是那天由于博客要重新装修，所以我没加入<br>现在装修好了，可以加入了<br>目前已经通过</p>
|
|
101
101
|
<h1 id="博客更新"><a href="#博客更新" class="headerlink" title="博客更新"></a>博客更新</h1><p>请看这个：<br><div class="tag link"><a class="link_card" referrerPolicy="no-referrer" title="更新记录" href="/update/"><div class="link_icon"><svg t="1670307855063" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19066" width="200" height="200"><path d="M504.064 516.608m-384.256 0a384.256 384.256 0 1 0 768.512 0 384.256 384.256 0 1 0-768.512 0Z" fill="#009CF5" p-id="19068"></path><path d="M746.112 270.464L472.448 485.12l63.104 63.104L750.08 274.56c2.304-2.688-1.28-6.144-3.968-4.096z" fill="#FF4C3A" p-id="19069"></path><path d="M262.016 762.752l273.664-214.528-63.104-63.104-214.656 273.536c-2.176 2.688 1.28 6.144 4.096 4.096z" fill="#FFFFFF" p-id="19070"></path><path d="M505.216 155.136c-3.2 0-5.888 2.56-5.888 5.888v53.504c0 3.2 2.56 5.888 5.888 5.888s5.888-2.56 5.888-5.888v-53.504c-0.128-3.2-2.688-5.888-5.888-5.888zM442.368 160.512c-3.2 0.512-5.376 3.584-4.736 6.784l9.344 52.736c0.512 3.2 3.584 5.376 6.784 4.736 3.2-0.512 5.376-3.584 4.736-6.784l-9.344-52.736c-0.512-3.2-3.584-5.376-6.784-4.736zM396.288 234.368c1.152 3.072 4.48 4.608 7.552 3.456 3.072-1.152 4.608-4.48 3.456-7.552l-18.304-50.304c-1.152-3.072-4.48-4.608-7.552-3.456-3.072 1.152-4.608 4.48-3.456 7.552l18.304 50.304zM348.928 257.408c1.664 2.816 5.248 3.712 7.936 2.176s3.712-5.248 2.176-7.936l-26.752-46.336c-1.664-2.816-5.248-3.712-7.936-2.176-2.816 1.664-3.712 5.248-2.176 7.936l26.752 46.336zM306.304 288.256c2.048 2.432 5.76 2.816 8.192 0.768 2.432-2.048 2.816-5.76 0.768-8.192l-34.432-40.96c-2.048-2.432-5.76-2.816-8.192-0.768-2.432 2.048-2.816 5.76-0.768 8.192l34.432 40.96zM269.696 326.144c2.432 2.048 6.144 1.792 8.192-0.768 2.048-2.432 1.792-6.144-0.768-8.192l-40.96-34.432c-2.432-2.048-6.144-1.792-8.192 0.768-2.048 2.432-1.792 6.144 0.768 8.192l40.96 34.432zM193.792 342.912l46.336 26.752c2.816 1.664 6.4 0.64 7.936-2.176 1.664-2.816 0.64-6.4-2.176-8.064L199.552 332.8c-2.816-1.664-6.4-0.64-7.936 2.176-1.664 2.688-0.64 6.272 2.176 7.936zM168.32 399.488l50.304 18.304c3.072 1.152 6.4-0.512 7.552-3.456 1.152-3.072-0.512-6.4-3.456-7.552l-50.304-18.304c-3.072-1.152-6.4 0.512-7.552 3.456-1.152 3.072 0.384 6.4 3.456 7.552zM207.872 457.344l-52.736-9.344c-3.2-0.512-6.272 1.536-6.784 4.736-0.512 3.2 1.536 6.272 4.736 6.784l52.736 9.344c3.2 0.512 6.272-1.536 6.784-4.736 0.512-3.2-1.536-6.272-4.736-6.784zM201.984 509.568H148.48c-3.2 0-5.888 2.56-5.888 5.888 0 3.2 2.56 5.888 5.888 5.888h53.504c3.2 0 5.888-2.56 5.888-5.888 0-3.2-2.56-5.888-5.888-5.888zM205.44 562.176l-52.736 9.344c-3.2 0.512-5.376 3.584-4.736 6.784 0.512 3.2 3.584 5.376 6.784 4.736l52.736-9.344c3.2-0.512 5.376-3.584 4.736-6.784s-3.584-5.248-6.784-4.736zM217.856 613.376l-50.304 18.304c-3.072 1.152-4.608 4.48-3.456 7.552 1.152 3.072 4.48 4.608 7.552 3.456l50.304-18.304c3.072-1.152 4.608-4.48 3.456-7.552-1.152-3.072-4.48-4.608-7.552-3.456zM238.976 661.504l-46.336 26.752c-2.816 1.664-3.712 5.248-2.176 8.064 1.664 2.816 5.248 3.712 8.064 2.176l46.336-26.752c2.816-1.664 3.712-5.248 2.176-8.064-1.664-2.816-5.248-3.712-8.064-2.176zM268.16 705.408l-40.96 34.432c-2.432 2.048-2.816 5.76-0.768 8.192 2.048 2.432 5.76 2.816 8.192 0.768l40.96-34.432c2.432-2.048 2.816-5.76 0.768-8.192-1.92-2.56-5.632-2.816-8.192-0.768zM304.512 743.424l-34.432 40.96c-2.048 2.432-1.792 6.144 0.768 8.192 2.432 2.048 6.144 1.792 8.192-0.768l34.432-40.96c2.048-2.432 1.792-6.144-0.768-8.192-2.304-1.92-6.016-1.664-8.192 0.768zM347.008 774.656l-26.752 46.336c-1.664 2.816-0.64 6.4 2.176 7.936 2.816 1.664 6.4 0.64 8.064-2.176l26.752-46.336c1.664-2.816 0.64-6.4-2.176-7.936-2.816-1.536-6.4-0.64-8.064 2.176zM394.24 798.08l-18.304 50.304c-1.152 3.072 0.512 6.4 3.456 7.552 3.072 1.152 6.4-0.512 7.552-3.456l18.304-50.304c1.152-3.072-0.512-6.4-3.456-7.552-3.072-1.152-6.528 0.384-7.552 3.456zM440.192 872.32c3.2 0.512 6.272-1.536 6.784-4.736l9.344-52.736c0.512-3.2-1.536-6.272-4.736-6.784-3.2-0.512-6.272 1.536-6.784 4.736l-9.344 52.736c-0.64 3.2 1.536 6.272 4.736 6.784zM502.912 878.08c3.2 0 5.888-2.56 5.888-5.888v-53.504c0-3.2-2.56-5.888-5.888-5.888-3.2 0-5.888 2.56-5.888 5.888v53.504c0 3.2 2.688 5.888 5.888 5.888zM549.632 815.232l9.344 52.736c0.512 3.2 3.584 5.376 6.784 4.736 3.2-0.512 5.376-3.584 4.736-6.784l-9.344-52.736c-0.512-3.2-3.584-5.376-6.784-4.736-3.2 0.512-5.248 3.584-4.736 6.784zM600.832 802.816l18.304 50.304c1.152 3.072 4.48 4.608 7.552 3.456 3.072-1.152 4.608-4.48 3.456-7.552L611.84 798.72c-1.152-3.072-4.48-4.608-7.552-3.456-3.072 1.152-4.608 4.48-3.456 7.552zM649.088 781.696l26.752 46.336c1.664 2.816 5.248 3.712 8.064 2.176 2.816-1.664 3.712-5.248 2.176-8.064l-26.88-46.336c-1.664-2.816-5.248-3.712-8.064-2.176-2.816 1.664-3.712 5.248-2.048 8.064zM692.864 752.384l34.432 40.96c2.048 2.432 5.76 2.816 8.192 0.768 2.432-2.048 2.816-5.76 0.768-8.192l-34.432-40.96c-2.048-2.432-5.76-2.816-8.192-0.768-2.56 2.048-2.816 5.76-0.768 8.192zM730.88 716.032l40.96 34.432c2.432 2.048 6.144 1.792 8.192-0.768 2.048-2.432 1.792-6.144-0.768-8.192l-40.96-34.432c-2.432-2.048-6.144-1.792-8.192 0.768-1.92 2.432-1.664 6.144 0.768 8.192zM762.112 673.664l46.336 26.752c2.816 1.664 6.4 0.64 8.064-2.176 1.664-2.816 0.64-6.4-2.176-7.936L768 663.552c-2.816-1.664-6.4-0.64-8.064 2.176-1.536 2.688-0.64 6.272 2.176 7.936zM785.536 626.432l50.304 18.304c3.072 1.152 6.4-0.512 7.552-3.456 1.152-3.072-0.512-6.4-3.456-7.552l-50.304-18.304c-3.072-1.152-6.4 0.512-7.552 3.456-1.152 3.072 0.384 6.4 3.456 7.552zM800.256 575.872l52.736 9.344c3.2 0.512 6.272-1.536 6.784-4.736 0.512-3.2-1.536-6.272-4.736-6.784l-52.736-9.344c-3.2-0.512-6.272 1.536-6.784 4.736-0.512 3.2 1.536 6.272 4.736 6.784zM800.256 517.76c0 3.2 2.56 5.888 5.888 5.888h53.504c3.2 0 5.888-2.56 5.888-5.888 0-3.2-2.56-5.888-5.888-5.888h-53.504c-3.328 0-5.888 2.56-5.888 5.888zM802.688 471.04l52.736-9.344c3.2-0.512 5.376-3.584 4.736-6.784-0.512-3.2-3.584-5.376-6.784-4.736l-52.736 9.344c-3.2 0.512-5.376 3.584-4.736 6.784 0.512 3.2 3.584 5.248 6.784 4.736zM790.272 419.84l50.304-18.304c3.072-1.152 4.608-4.48 3.456-7.552-1.152-3.072-4.48-4.608-7.552-3.456l-50.304 18.304c-3.072 1.152-4.608 4.48-3.456 7.552 1.152 2.944 4.48 4.608 7.552 3.456zM769.152 371.584l46.336-26.752c2.816-1.664 3.712-5.248 2.176-7.936-1.664-2.816-5.248-3.712-8.064-2.176l-46.336 26.752c-2.816 1.664-3.712 5.248-2.176 8.064 1.664 2.688 5.248 3.712 8.064 2.048zM739.84 327.808l40.96-34.432c2.432-2.048 2.816-5.76 0.768-8.192-2.048-2.432-5.76-2.816-8.192-0.768l-40.96 34.432c-2.432 2.048-2.816 5.76-0.768 8.192 2.048 2.56 5.76 2.816 8.192 0.768zM703.488 289.664l34.432-40.96c2.048-2.432 1.792-6.144-0.768-8.192-2.432-2.048-6.144-1.792-8.192 0.768l-34.432 40.96c-2.048 2.432-1.792 6.144 0.768 8.192 2.432 2.048 6.144 1.792 8.192-0.768zM661.12 258.56l26.752-46.336c1.664-2.816 0.64-6.4-2.176-7.936-2.816-1.664-6.4-0.64-8.064 2.176l-26.752 46.336c-1.664 2.816-0.64 6.4 2.176 7.936 2.816 1.536 6.4 0.64 8.064-2.176zM613.888 235.136l18.304-50.304c1.152-3.072-0.512-6.4-3.456-7.552-3.072-1.152-6.4 0.512-7.552 3.456L602.88 231.168c-1.152 3.072 0.512 6.4 3.456 7.552 3.072 1.024 6.4-0.512 7.552-3.584zM556.544 225.152c3.2 0.512 6.272-1.536 6.784-4.736l9.344-52.736c0.512-3.2-1.536-6.272-4.736-6.784-3.2-0.512-6.272 1.536-6.784 4.736l-9.344 52.736c-0.512 3.2 1.536 6.144 4.736 6.784zM273.536 290.432c2.432 2.432 6.528 2.432 8.96 0 2.432-2.432 2.432-6.528 0-8.96l-21.12-21.12c-2.432-2.432-6.528-2.432-8.96 0-2.432 2.432-2.432 6.528 0 8.96l21.12 21.12zM237.824 333.824c2.944 2.048 6.912 1.28 8.832-1.536 2.048-2.944 1.28-6.912-1.536-8.832l-24.448-17.152c-2.944-2.048-6.912-1.28-8.832 1.536s-1.28 6.912 1.536 8.832l24.448 17.152zM183.04 370.176l27.136 12.672c3.2 1.536 7.04 0.128 8.448-3.072 1.536-3.2 0.128-7.04-3.072-8.448l-27.136-12.672c-3.2-1.536-7.04-0.128-8.448 3.072-1.536 3.2-0.128 7.04 3.072 8.448zM194.688 423.68l-28.928-7.68c-3.456-0.896-6.912 1.152-7.808 4.48-0.896 3.456 1.152 6.912 4.48 7.808l28.928 7.68c3.456 0.896 6.912-1.152 7.808-4.48 0.896-3.456-1.152-6.912-4.48-7.808zM183.168 478.72l-29.824-2.56c-3.456-0.256-6.656 2.304-6.912 5.76-0.256 3.456 2.304 6.656 5.76 6.912l29.824 2.56c3.456 0.256 6.656-2.304 6.912-5.76 0.384-3.456-2.176-6.528-5.76-6.912zM181.504 535.04l-29.824 2.56c-3.456 0.256-6.144 3.456-5.76 6.912 0.256 3.456 3.456 6.144 6.912 5.76l29.824-2.56c3.456-0.256 6.144-3.456 5.76-6.912-0.256-3.456-3.328-6.016-6.912-5.76zM191.36 590.72l-28.928 7.68c-3.456 0.896-5.376 4.352-4.48 7.808 0.896 3.456 4.352 5.376 7.808 4.48l28.928-7.68c3.456-0.896 5.376-4.352 4.48-7.808-0.896-3.328-4.352-5.376-7.808-4.48zM207.232 644.224l-27.136 12.672c-3.2 1.536-4.608 5.248-3.072 8.448 1.536 3.2 5.248 4.608 8.448 3.072l27.136-12.672c3.2-1.536 4.608-5.248 3.072-8.448-1.408-3.2-5.248-4.48-8.448-3.072zM233.984 693.888l-24.448 17.152c-2.944 2.048-3.584 6.016-1.536 8.832 2.048 2.944 6.016 3.584 8.832 1.536l24.448-17.152c2.944-2.048 3.584-6.016 1.536-8.832-2.048-2.944-6.016-3.584-8.832-1.536zM310.912 775.552L293.76 800c-2.048 2.944-1.28 6.912 1.536 8.832 2.944 2.048 6.912 1.28 8.832-1.536l17.152-24.448c2.048-2.944 1.28-6.912-1.536-8.832-2.816-2.048-6.912-1.408-8.832 1.536zM349.184 840.704c3.2 1.536 7.04 0.128 8.448-3.072l12.672-27.136c1.536-3.2 0.128-7.04-3.072-8.448-3.2-1.536-7.04-0.128-8.448 3.072l-12.672 27.136c-1.408 3.2-0.128 6.912 3.072 8.448zM407.808 862.72c3.456 0.896 6.912-1.152 7.808-4.48l7.68-28.928c0.896-3.456-1.152-6.912-4.48-7.808-3.456-0.896-6.912 1.152-7.808 4.48l-7.68 28.928c-0.896 3.328 1.152 6.912 4.48 7.808zM469.376 874.112c3.456 0.256 6.656-2.304 6.912-5.76l2.56-29.824c0.256-3.456-2.304-6.656-5.76-6.912-3.456-0.256-6.656 2.304-6.912 5.76l-2.56 29.824c-0.256 3.584 2.304 6.656 5.76 6.912zM522.496 839.168l2.56 29.824c0.256 3.456 3.456 6.144 6.912 5.76 3.456-0.256 6.144-3.456 5.76-6.912l-2.56-29.824c-0.256-3.456-3.456-6.144-6.912-5.76-3.456 0.256-6.016 3.328-5.76 6.912zM578.176 830.976l7.68 28.928c0.896 3.456 4.352 5.376 7.808 4.48 3.456-0.896 5.376-4.352 4.48-7.808l-7.68-28.928c-0.896-3.456-4.352-5.376-7.808-4.48-3.328 0.896-5.376 4.48-4.48 7.808zM631.68 813.312l12.672 27.136c1.536 3.2 5.248 4.608 8.448 3.072 3.2-1.536 4.608-5.248 3.072-8.448l-12.672-27.136c-1.536-3.2-5.248-4.608-8.448-3.072-3.2 1.536-4.48 5.248-3.072 8.448zM681.344 786.688l17.152 24.448c2.048 2.944 6.016 3.584 8.832 1.536 2.944-2.048 3.584-6.016 1.536-8.832l-17.152-24.448c-2.048-2.944-6.016-3.584-8.832-1.536-2.944 1.92-3.584 5.888-1.536 8.832zM725.504 751.744l21.12 21.12c2.432 2.432 6.528 2.432 8.96 0 2.432-2.432 2.432-6.528 0-8.96l-21.12-21.12c-2.432-2.432-6.528-2.432-8.96 0-2.432 2.432-2.432 6.528 0 8.96zM763.008 709.76l24.448 17.152c2.944 2.048 6.912 1.28 8.832-1.536 2.048-2.944 1.28-6.912-1.536-8.832l-24.448-17.152c-2.944-2.048-6.912-1.28-8.832 1.536-2.048 2.816-1.408 6.784 1.536 8.832zM792.576 661.888l27.136 12.672c3.2 1.536 7.04 0.128 8.448-3.072 1.536-3.2 0.128-7.04-3.072-8.448l-27.136-12.672c-3.2-1.536-7.04-0.128-8.448 3.072-1.536 3.2-0.128 6.912 3.072 8.448zM813.44 609.536l28.928 7.68c3.456 0.896 6.912-1.152 7.808-4.48 0.896-3.456-1.152-6.912-4.48-7.808l-28.928-7.68c-3.456-0.896-6.912 1.152-7.808 4.48-0.896 3.456 1.024 6.912 4.48 7.808zM824.832 554.368l29.824 2.56c3.456 0.256 6.656-2.304 6.912-5.76 0.256-3.456-2.304-6.656-5.76-6.912l-29.824-2.56c-3.456-0.256-6.656 2.304-6.912 5.76-0.256 3.584 2.304 6.656 5.76 6.912zM826.624 498.176l29.824-2.56c3.456-0.256 6.144-3.456 5.76-6.912-0.256-3.456-3.456-6.144-6.912-5.76l-29.824 2.56c-3.456 0.256-6.144 3.456-5.76 6.912 0.256 3.456 3.328 6.016 6.912 5.76zM818.432 442.368l28.928-7.68c3.456-0.896 5.376-4.352 4.48-7.808-0.896-3.456-4.352-5.376-7.808-4.48l-28.928 7.68c-3.456 0.896-5.376 4.352-4.48 7.808 0.896 3.456 4.48 5.376 7.808 4.48zM800.768 388.992l27.136-12.672c3.2-1.536 4.608-5.248 3.072-8.448-1.536-3.2-5.248-4.608-8.448-3.072l-27.136 12.672c-3.2 1.536-4.608 5.248-3.072 8.448 1.536 3.072 5.248 4.48 8.448 3.072zM774.144 339.328l24.448-17.152c2.944-2.048 3.584-6.016 1.536-8.832-2.048-2.944-6.016-3.584-8.832-1.536L766.848 328.96c-2.944 2.048-3.584 6.016-1.536 8.832 1.92 2.816 5.888 3.584 8.832 1.536zM697.216 257.664l17.152-24.448c2.048-2.944 1.28-6.912-1.536-8.832-2.944-2.048-6.912-1.28-8.832 1.536l-17.152 24.448c-2.048 2.944-1.28 6.912 1.536 8.832 2.816 2.048 6.784 1.408 8.832-1.536zM658.944 192.512c-3.2-1.536-7.04-0.128-8.448 3.072l-12.672 27.136c-1.536 3.2-0.128 7.04 3.072 8.448 3.2 1.536 7.04 0.128 8.448-3.072l12.672-27.136c1.408-3.2 0-7.04-3.072-8.448zM600.192 170.496c-3.456-0.896-6.912 1.152-7.808 4.48l-7.68 28.928c-0.896 3.456 1.152 6.912 4.48 7.808 3.456 0.896 6.912-1.152 7.808-4.48l7.68-28.928c1.024-3.328-1.024-6.912-4.48-7.808zM534.912 201.6c3.456 0.256 6.656-2.304 6.912-5.76l2.56-29.824c0.256-3.456-2.304-6.656-5.76-6.912-3.456-0.256-6.656 2.304-6.912 5.76l-2.56 29.824c-0.256 3.456 2.304 6.528 5.76 6.912zM476.032 158.464c-3.456 0.256-6.144 3.456-5.76 6.912l2.56 29.824c0.256 3.456 3.456 6.144 6.912 5.76 3.456-0.256 6.144-3.456 5.76-6.912l-2.56-29.824c-0.256-3.456-3.328-6.016-6.912-5.76zM422.144 173.312c-0.896-3.456-4.352-5.376-7.808-4.48-3.456 0.896-5.376 4.352-4.48 7.808l7.68 28.928c0.896 3.456 4.352 5.376 7.808 4.48 3.456-0.896 5.376-4.352 4.48-7.808l-7.68-28.928zM376.448 219.776l-12.672-27.136c-1.536-3.2-5.248-4.608-8.448-3.072-3.2 1.536-4.608 5.248-3.072 8.448L364.8 225.28c1.536 3.2 5.248 4.608 8.448 3.072 3.2-1.536 4.608-5.376 3.2-8.576zM316.416 253.824c2.048 2.944 6.016 3.584 8.832 1.536 2.944-2.048 3.584-6.016 1.536-8.832l-17.152-24.448c-2.048-2.944-6.016-3.584-8.832-1.536-2.944 2.048-3.584 6.016-1.536 8.832l17.152 24.448z" fill="#FFFFFF" p-id="19071"></path></svg></div><div class="link_content"><div class="link_title">更新记录</div></div></a></div></p>
|
|
102
|
-
]]></content>
|
|
103
|
-
<categories>
|
|
104
|
-
<category>个人小记</category>
|
|
105
|
-
</categories>
|
|
106
|
-
<tags>
|
|
107
|
-
<tag>个人小记</tag>
|
|
108
|
-
</tags>
|
|
109
|
-
</entry>
|
|
110
|
-
<entry>
|
|
111
|
-
<title>2024-06小记</title>
|
|
112
|
-
<url>/posts/64935/</url>
|
|
113
|
-
<content><![CDATA[<p>很好，马上就快到暑假了，但我得7月11日才开始正式放暑假。。。。。。<br>（bobo和小何、安小歪都已经开始放暑假了。。。。。。）<br>算了，正片开始吧</p>
|
|
114
|
-
<h1 id="全站npm化成功"><a href="#全站npm化成功" class="headerlink" title="全站npm化成功"></a>全站npm化成功</h1><p>经历了多次翻车之后，本站的全站npm化终于成功了<br>我那全站npm化的方案与byer那篇文章不同，我的方案是将hexo-swpp和<a href="https://blog.eurekac.cn/p/d3c51290.html">cyanfalse大佬的教程</a>结合起来<br>实现了npm版本自定义更新、采用CacheStorage存储来实现ServiceWorker的全局变量持久化</p>
|
|
115
|
-
<p><del>（结果因为英文站那边出现问题，导致我不得不再次放弃全站npm化）</del>（修好了）</p>
|
|
116
|
-
<h1 id="成功搞indleweb"><a href="#成功搞indleweb" class="headerlink" title="成功搞indleweb"></a>成功搞indleweb</h1><p>之前我说过，要把indleweb搞好的<br>现在终于好了<br>并且已经加入了indleweb webring<br>英文站的话。。。。。还在测试，因为并不是完全是英文的，还在修改</p>
|
|
117
|
-
<h1 id="收藏了几台手机"><a href="#收藏了几台手机" class="headerlink" title="收藏了几台手机"></a>收藏了几台手机</h1><p>这些都是之前在闲鱼上看见的<br>其中有一台说是配件机，说是不能开机<br>结果被我搞开机了</p>
|
|
118
|
-
<p>然后这三台我都给它们换了主题<br>换完主题的效果：<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240705/d76602a274135b80c62d56bd26c758a.4xuf2npsag.webp" alt="d76602a274135b80c62d56bd26c758a" data-tag='post-image' loading="lazy" onerror='this.onerror=null;this.src="/img/404.jpg"'><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240705/0dbf4a6d201aa874c099abce975c7cb.1lbp8a96lv.webp" alt="0dbf4a6d201aa874c099abce975c7cb" data-tag='post-image' loading="lazy" onerror='this.onerror=null;this.src="/img/404.jpg"'></p>
|
|
119
|
-
<p>以上（虽然还有一场考试。。。。。但是是在下周四）</p>
|
|
120
102
|
]]></content>
|
|
121
103
|
<categories>
|
|
122
104
|
<category>个人小记</category>
|
|
@@ -143,6 +125,24 @@
|
|
|
143
125
|
<p>至于我那 xLog 站点的名字，既然我给 Hexo 的主题 UI 是 CetaStories（名字修改于希腊字母 Theta）</p>
|
|
144
126
|
<p>那名字决定了！那个xLog博客名字就叫星空魔法书・Delta 吧！<br>我的xLog链接：<a href="https://xlog.sinzmise.top/">https://xlog.sinzmise.top/</a></p>
|
|
145
127
|
<p>以上</p>
|
|
128
|
+
]]></content>
|
|
129
|
+
<categories>
|
|
130
|
+
<category>个人小记</category>
|
|
131
|
+
</categories>
|
|
132
|
+
<tags>
|
|
133
|
+
<tag>个人小记</tag>
|
|
134
|
+
</tags>
|
|
135
|
+
</entry>
|
|
136
|
+
<entry>
|
|
137
|
+
<title>2024-06小记</title>
|
|
138
|
+
<url>/posts/64935/</url>
|
|
139
|
+
<content><![CDATA[<p>很好，马上就快到暑假了，但我得7月11日才开始正式放暑假。。。。。。<br>（bobo和小何、安小歪都已经开始放暑假了。。。。。。）<br>算了，正片开始吧</p>
|
|
140
|
+
<h1 id="全站npm化成功"><a href="#全站npm化成功" class="headerlink" title="全站npm化成功"></a>全站npm化成功</h1><p>经历了多次翻车之后，本站的全站npm化终于成功了<br>我那全站npm化的方案与byer那篇文章不同，我的方案是将hexo-swpp和<a href="https://blog.eurekac.cn/p/d3c51290.html">cyanfalse大佬的教程</a>结合起来<br>实现了npm版本自定义更新、采用CacheStorage存储来实现ServiceWorker的全局变量持久化</p>
|
|
141
|
+
<p><del>（结果因为英文站那边出现问题，导致我不得不再次放弃全站npm化）</del>（修好了）</p>
|
|
142
|
+
<h1 id="成功搞indleweb"><a href="#成功搞indleweb" class="headerlink" title="成功搞indleweb"></a>成功搞indleweb</h1><p>之前我说过，要把indleweb搞好的<br>现在终于好了<br>并且已经加入了indleweb webring<br>英文站的话。。。。。还在测试，因为并不是完全是英文的，还在修改</p>
|
|
143
|
+
<h1 id="收藏了几台手机"><a href="#收藏了几台手机" class="headerlink" title="收藏了几台手机"></a>收藏了几台手机</h1><p>这些都是之前在闲鱼上看见的<br>其中有一台说是配件机，说是不能开机<br>结果被我搞开机了</p>
|
|
144
|
+
<p>然后这三台我都给它们换了主题<br>换完主题的效果：<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240705/d76602a274135b80c62d56bd26c758a.4xuf2npsag.webp" alt="d76602a274135b80c62d56bd26c758a" data-tag='post-image' loading="lazy" onerror='this.onerror=null;this.src="/img/404.jpg"'><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240705/0dbf4a6d201aa874c099abce975c7cb.1lbp8a96lv.webp" alt="0dbf4a6d201aa874c099abce975c7cb" data-tag='post-image' loading="lazy" onerror='this.onerror=null;this.src="/img/404.jpg"'></p>
|
|
145
|
+
<p>以上（虽然还有一场考试。。。。。但是是在下周四）</p>
|
|
146
146
|
]]></content>
|
|
147
147
|
<categories>
|
|
148
148
|
<category>个人小记</category>
|
|
@@ -510,20 +510,6 @@ function loadkaixinmusic() {
|
|
|
510
510
|
<tag>自建部署</tag>
|
|
511
511
|
</tags>
|
|
512
512
|
</entry>
|
|
513
|
-
<entry>
|
|
514
|
-
<title>新起点，新出发</title>
|
|
515
|
-
<url>/posts/16107/</url>
|
|
516
|
-
<content><![CDATA[<p>你好，我是小星鑫233，当然现在请叫我“SinzMise”或“Sinz”<br>这是“SinGO博客”停止更新且我更换名字的第一篇文章<br>博客的迁移，代表着原SinGO博客 和 Hexo-Theme-SinGO主题正式停止更新</p>
|
|
517
|
-
<h1 id="为什么要停止更新？"><a href="#为什么要停止更新？" class="headerlink" title="为什么要停止更新？"></a>为什么要停止更新？</h1><p>1.名字改了，头像也改了 <del>（所以别叫我“小星鑫233”了。。。。）</del><br>2.原先SinGO主题bug贼多，我又没时间修（更何况我开学，虽然大部分时间都有空。。。。。说难听一点就是懒）</p>
|
|
518
|
-
<p>懒得写了 <del>（其实是写一半突然忘记要后面要补充什么了。。。。）</del></p>
|
|
519
|
-
]]></content>
|
|
520
|
-
<categories>
|
|
521
|
-
<category>站点折腾</category>
|
|
522
|
-
</categories>
|
|
523
|
-
<tags>
|
|
524
|
-
<tag>站点折腾</tag>
|
|
525
|
-
</tags>
|
|
526
|
-
</entry>
|
|
527
513
|
<entry>
|
|
528
514
|
<title>butterfly主题添加音乐页面（适配手机）</title>
|
|
529
515
|
<url>/posts/22945/</url>
|
|
@@ -590,6 +576,20 @@ function loadkaixinmusic() {
|
|
|
590
576
|
<tag>页面魔改</tag>
|
|
591
577
|
</tags>
|
|
592
578
|
</entry>
|
|
579
|
+
<entry>
|
|
580
|
+
<title>新起点，新出发</title>
|
|
581
|
+
<url>/posts/16107/</url>
|
|
582
|
+
<content><![CDATA[<p>你好，我是小星鑫233，当然现在请叫我“SinzMise”或“Sinz”<br>这是“SinGO博客”停止更新且我更换名字的第一篇文章<br>博客的迁移，代表着原SinGO博客 和 Hexo-Theme-SinGO主题正式停止更新</p>
|
|
583
|
+
<h1 id="为什么要停止更新？"><a href="#为什么要停止更新？" class="headerlink" title="为什么要停止更新？"></a>为什么要停止更新？</h1><p>1.名字改了，头像也改了 <del>（所以别叫我“小星鑫233”了。。。。）</del><br>2.原先SinGO主题bug贼多，我又没时间修（更何况我开学，虽然大部分时间都有空。。。。。说难听一点就是懒）</p>
|
|
584
|
+
<p>懒得写了 <del>（其实是写一半突然忘记要后面要补充什么了。。。。）</del></p>
|
|
585
|
+
]]></content>
|
|
586
|
+
<categories>
|
|
587
|
+
<category>站点折腾</category>
|
|
588
|
+
</categories>
|
|
589
|
+
<tags>
|
|
590
|
+
<tag>站点折腾</tag>
|
|
591
|
+
</tags>
|
|
592
|
+
</entry>
|
|
593
593
|
<entry>
|
|
594
594
|
<title>一个通知！！！</title>
|
|
595
595
|
<url>/posts/48762/</url>
|
|
@@ -1160,50 +1160,6 @@ function loadkaixinmusic() {
|
|
|
1160
1160
|
<tag>个人小记</tag>
|
|
1161
1161
|
</tags>
|
|
1162
1162
|
</entry>
|
|
1163
|
-
<entry>
|
|
1164
|
-
<title>真·彩虹猫加载动画</title>
|
|
1165
|
-
<url>/posts/46640/</url>
|
|
1166
|
-
<content><![CDATA[<h1 id="前言"><a href="#前言" class="headerlink" title="前言"></a>前言</h1><p>之前有人反映我的站点特别卡<br>也不是没有去优化。。。。。但是依然有人说很卡<br>我感觉是加载动画的问题，刚好我之前找到html+css实现彩虹猫<br>于是我给这个抄下来了<br>不废话，正片开始！</p>
|
|
1167
|
-
<h1 id="教程开始！"><a href="#教程开始！" class="headerlink" title="教程开始！"></a>教程开始！</h1><h2 id="新建js"><a href="#新建js" class="headerlink" title="新建js"></a>新建js</h2><p>首先，新建<code>[Blogroot]\themes\butterfly\source\js\nyan.js</code>，内容如下：</p>
|
|
1168
|
-
<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">function</span> <span class="title function_">cycleFrames</span> (<span class="params">_nyanCat, _currentFrame</span>) {</span><br><span class="line"> _nyanCat.<span class="property">classList</span> = []</span><br><span class="line"> _nyanCat.<span class="property">classList</span>.<span class="title function_">add</span>(<span class="string">`frame<span class="subst">${_currentFrame}</span>`</span>)</span><br><span class="line">}</span><br><span class="line"></span><br><span class="line"><span class="keyword">function</span> <span class="title function_">replicateSparks</span> (<span class="params">_sparksRow</span>) {</span><br><span class="line"> <span class="keyword">const</span> numberOfRowsToCoverEntireScreen = <span class="title class_">Math</span>.<span class="title function_">ceil</span>(<span class="variable language_">document</span>.<span class="title function_">getElementById</span>(<span class="string">"loading-box"</span>).<span class="property">offsetHeight</span> / _sparksRow.<span class="property">offsetHeight</span>)</span><br><span class="line"> <span class="keyword">const</span> newSparksRows = <span class="variable language_">document</span>.<span class="title function_">createElement</span>(<span class="string">'div'</span>)</span><br><span class="line"></span><br><span class="line"> <span class="keyword">for</span> (<span class="keyword">let</span> a = <span class="number">0</span>; a < numberOfRowsToCoverEntireScreen-<span class="number">1</span>; a++) {</span><br><span class="line"> newSparksRows.<span class="title function_">append</span>(_sparksRow.<span class="title function_">cloneNode</span>(<span class="literal">true</span>))</span><br><span class="line"> }</span><br><span class="line"></span><br><span class="line"> <span class="variable language_">document</span>.<span class="title function_">getElementById</span>(<span class="string">"loading-box"</span>).<span class="title function_">prepend</span>(newSparksRows)</span><br><span class="line">}</span><br><span class="line"></span><br><span class="line">(<span class="keyword">function</span> (<span class="params"></span>) {</span><br><span class="line"> <span class="keyword">let</span> nyanCat = <span class="variable language_">document</span>.<span class="title function_">getElementById</span>(<span class="string">'nyan-cat'</span>)</span><br><span class="line"> <span class="keyword">let</span> currentFrame = <span class="number">1</span></span><br><span class="line"></span><br><span class="line"> <span class="title function_">replicateSparks</span>(<span class="variable language_">document</span>.<span class="title function_">getElementsByClassName</span>(<span class="string">'sparks-combo'</span>)[<span class="number">0</span>])</span><br><span class="line"></span><br><span class="line"> <span class="built_in">setInterval</span>(<span class="keyword">function</span> (<span class="params"></span>) {</span><br><span class="line"> currentFrame = (currentFrame % <span class="number">6</span>) + <span class="number">1</span></span><br><span class="line"> <span class="title function_">cycleFrames</span>(nyanCat, currentFrame)</span><br><span class="line"> }, <span class="number">70</span>)</span><br><span class="line">})()</span><br></pre></td></tr></table></figure>
|
|
1169
|
-
<p>这个是用来自动生成div，使得星星可以铺满屏幕</p>
|
|
1170
|
-
<h2 id="选择方案"><a href="#选择方案" class="headerlink" title="选择方案"></a>选择方案</h2><p>以下三种方案任意选择一种：</p>
|
|
1171
|
-
<h3 id="店长魔改方案"><a href="#店长魔改方案" class="headerlink" title="店长魔改方案"></a>店长魔改方案</h3><p>如果你博客有参考店长的这个教程：<a href="https://akilar.top/posts/3d221bf2/">Loading Animation</a><br>那就按照这个教程魔改就行</p>
|
|
1172
|
-
<ol>
|
|
1173
|
-
<li>修改<code>[Blogroot]\themes\butterfly\layout\includes\loading\loading.pug</code><figure class="highlight diff"><table><tr><td class="code"><pre><span class="line">if theme.preloader.enable</span><br><span class="line"> case theme.preloader.load_style </span><br><span class="line"> when 'gear'</span><br><span class="line"> include ./load_style/gear.pug</span><br><span class="line"> when 'ironheart'</span><br><span class="line"> include ./load_style/ironheart.pug</span><br><span class="line"> when 'scarecrow'</span><br><span class="line"> include ./load_style/scarecrow.pug</span><br><span class="line"> when 'triangles'</span><br><span class="line"> include ./load_style/triangles.pug</span><br><span class="line"> when 'wizard'</span><br><span class="line"> include ./load_style/wizard.pug</span><br><span class="line"> when 'image'</span><br><span class="line"> include ./load_style/image.pug</span><br><span class="line"><span class="addition">+ when 'nyancat'</span></span><br><span class="line"><span class="addition">+ include ./load_style/nyancat.pug</span></span><br><span class="line"> default</span><br><span class="line"> include ./load_style/default.pug</span><br></pre></td></tr></table></figure></li>
|
|
1174
|
-
<li>新建[Blogroot]\themes\butterfly\layout\includes\loading\load_style\nyancat.pug，内容如下：<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">#loading-box(onclick='document.getElementById("loading-box").classList.add("loaded")')</span><br><span class="line"> .sparks-combo</span><br><span class="line"> .spark</span><br><span class="line"> .spark</span><br><span class="line"> .spark</span><br><span class="line"> .spark</span><br><span class="line"> .rainbow</span><br><span class="line"> span</span><br><span class="line"> .nyan-cat</span><br><span class="line"> .feet</span><br><span class="line"> .tail</span><br><span class="line"> span</span><br><span class="line"> .body</span><br><span class="line"> .head</span><br><span class="line"> script(src="/js/nyan.js")</span><br><span class="line"></span><br><span class="line">script.</span><br><span class="line"> const preloader = {</span><br><span class="line"> endLoading: () => {</span><br><span class="line"> document.body.style.overflow = 'auto';</span><br><span class="line"> document.getElementById('loading-box').classList.add("loaded")</span><br><span class="line"> },</span><br><span class="line"> initLoading: () => {</span><br><span class="line"> document.body.style.overflow = '';</span><br><span class="line"> document.getElementById('loading-box').classList.remove("loaded")</span><br><span class="line"></span><br><span class="line"> }</span><br><span class="line"> }</span><br><span class="line"> window.addEventListener('load',()=> { preloader.endLoading() })</span><br><span class="line"></span><br><span class="line"> if (!{theme.pjax && theme.pjax.enable}) {</span><br><span class="line"> document.addEventListener('pjax:send', () => { preloader.initLoading() })</span><br><span class="line"> document.addEventListener('pjax:complete', () => { preloader.endLoading() })</span><br><span class="line"> }</span><br></pre></td></tr></table></figure></li>
|
|
1175
|
-
<li>修改<code>[Blogroot]\themes\butterfly\source\css\_layout\loading.styl</code><figure class="highlight diff"><table><tr><td class="code"><pre><span class="line"></span><br><span class="line">if hexo-config('preloader.enable')</span><br><span class="line"> if hexo-config('preloader.load_style') == 'gear'</span><br><span class="line"> @import './_load_style/gear'</span><br><span class="line"> else if hexo-config('preloader.load_style') == 'ironheart'</span><br><span class="line"> @import './_load_style/ironheart'</span><br><span class="line"> else if hexo-config('preloader.load_style') == 'scarecrow'</span><br><span class="line"> @import './_load_style/scarecrow'</span><br><span class="line"> else if hexo-config('preloader.load_style') == 'triangles'</span><br><span class="line"> @import './_load_style/triangles'</span><br><span class="line"> else if hexo-config('preloader.load_style') == 'wizard'</span><br><span class="line"> @import './_load_style/wizard'</span><br><span class="line"> else if hexo-config('preloader.load_style') == 'image'</span><br><span class="line"> @import './_load_style/image'</span><br><span class="line"><span class="addition">+ else if hexo-config('preloader.load_style') == 'nyancat'</span></span><br><span class="line"><span class="addition">+ @import './_load_style/nyancat'</span></span><br><span class="line"> else</span><br><span class="line"> @import './_load_style/default'</span><br></pre></td></tr></table></figure></li>
|
|
1176
|
-
<li>新建<code>[Blogroot]\themes\butterfly\source\css\_load_style\nyancat.styl</code>，内容如下：</li>
|
|
1177
|
-
</ol>
|
|
1178
|
-
<figure class="highlight stylus"><table><tr><td class="code"><pre><span class="line"><span class="selector-id">#loading-box</span></span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">margin</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">padding</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background</span>: <span class="number">#036</span>;</span><br><span class="line"> <span class="attribute">overflow</span>: hidden;</span><br><span class="line"> <span class="attribute">position</span> : fixed;</span><br><span class="line"> <span class="attribute">font</span>: <span class="number">13px</span>/<span class="number">1.4</span> Helvetica, arial, freesans, clean, sans-serif, <span class="string">"Segoe UI Emoji"</span>, <span class="string">"Segoe UI Symbol"</span>;</span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">9999</span>;</span><br><span class="line"> <span class="attribute">opacity</span>: <span class="number">1</span>;</span><br><span class="line"></span><br><span class="line"> &<span class="selector-class">.loaded</span></span><br><span class="line"> <span class="attribute">opacity</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">z-index</span>: -<span class="number">1000</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.sprite</span>, <span class="selector-class">.body</span>, <span class="selector-class">.head</span>, <span class="selector-class">.rainbow</span> <span class="selector-tag">span</span>, <span class="selector-class">.feet</span>, <span class="selector-class">.tail</span> <span class="selector-tag">span</span>, <span class="selector-class">.stars</span> <span class="selector-class">.star</span></span><br><span class="line"> <span class="attribute">position</span>: absolute;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0px</span>,<span class="number">0</span> <span class="number">5px</span>,<span class="number">0</span> <span class="number">10px</span>,<span class="number">0</span> <span class="number">15px</span>,<span class="number">0</span> <span class="number">20px</span>,<span class="number">0</span> <span class="number">25px</span>,<span class="number">0</span> <span class="number">30px</span>,<span class="number">0</span> <span class="number">35px</span>,<span class="number">0</span> <span class="number">40px</span>,<span class="number">0</span> <span class="number">45px</span>,<span class="number">0</span> <span class="number">50px</span>,<span class="number">0</span> <span class="number">55px</span>,<span class="number">0</span> <span class="number">60px</span>,<span class="number">0</span> <span class="number">65px</span>,<span class="number">0</span> <span class="number">70px</span>,<span class="number">0</span> <span class="number">75px</span>,<span class="number">0</span> <span class="number">80px</span>,<span class="number">0</span> <span class="number">85px</span>,<span class="number">0</span> <span class="number">90px</span>,<span class="number">0</span> <span class="number">95px</span>,<span class="number">0</span> <span class="number">100px</span>,<span class="number">0</span> <span class="number">105px</span>,<span class="number">0</span> <span class="number">110px</span>,<span class="number">0</span> <span class="number">115px</span>,<span class="number">0</span> <span class="number">120px</span>,<span class="number">0</span> <span class="number">125px</span>;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">100%</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-repeat</span>: no-repeat;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.nyan-cat</span></span><br><span class="line"> <span class="attribute">position</span>: fixed;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">165px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100px</span>;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> <span class="attribute">margin-left</span>: -<span class="number">82px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: nyan <span class="number">400ms</span> step-start infinite;</span><br><span class="line"> <span class="attribute">animation</span>: nyan <span class="number">400ms</span> step-start infinite;</span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">19999</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.body</span></span><br><span class="line"> <span class="attribute">left</span>: <span class="number">35px</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">105px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">90px</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.head</span></span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">80px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">65px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: head <span class="number">400ms</span> linear infinite;</span><br><span class="line"> <span class="attribute">animation</span>: head <span class="number">400ms</span> linear infinite;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.rainbow</span></span><br><span class="line"> <span class="attribute">position</span>: fixed;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">35px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">65px</span>;</span><br><span class="line"> <span class="attribute">overflow</span>: hidden;</span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">18888</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-tag">span</span></span><br><span class="line"> <span class="attribute">display</span>: block;</span><br><span class="line"> <span class="attribute">position</span>: relative;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">130px</span>;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">80px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-repeat</span>: repeat-x;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: rainbow <span class="number">400ms</span> step-start infinite;</span><br><span class="line"> <span class="attribute">animation</span>: rainbow <span class="number">400ms</span> step-start infinite;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.feet</span></span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">75px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">120px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">25px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: feet <span class="number">400ms</span> infinite;</span><br><span class="line"> <span class="attribute">animation</span>: feet <span class="number">400ms</span> infinite;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.tail</span></span><br><span class="line"> <span class="attribute">position</span>: relative;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">30px</span>;</span><br><span class="line"> <span class="attribute">overflow</span>: hidden;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">30px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">10px</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-tag">span</span></span><br><span class="line"> <span class="attribute">width</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">120px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: tail <span class="number">200ms</span> step-start infinite alternate;</span><br><span class="line"> <span class="attribute">animation</span>: tail <span class="number">200ms</span> step-start infinite alternate;</span><br><span class="line"> </span><br><span class="line"> <span class="selector-class">.sparks-combo</span> </span><br><span class="line"> <span class="attribute">height</span>: <span class="number">300px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">200%</span>;</span><br><span class="line"> <span class="attribute">position</span>: relative;</span><br><span class="line"> <span class="attribute">animation</span>: woosh <span class="number">700ms</span> <span class="number">0ms</span> linear infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.spark</span> </span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">1</span>;</span><br><span class="line"> <span class="attribute">position</span>: absolute;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">background-color</span>: transparent;</span><br><span class="line"> <span class="attribute">background</span>: <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:before</span> </span><br><span class="line"> <span class="attribute">background</span>: <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:after</span> </span><br><span class="line"> <span class="attribute">background</span>: <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">11px</span>, transparent <span class="number">11px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">11px</span>, transparent <span class="number">11px</span>, transparent <span class="number">400px</span>) repeat-x;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:before</span>,<span class="selector-pseudo">&:after</span> </span><br><span class="line"> <span class="attribute">content</span>: <span class="string">''</span>;</span><br><span class="line"> <span class="attribute">position</span>: absolute;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">background-color</span>: transparent;</span><br><span class="line"> </span><br><span class="line"> </span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">1</span>) </span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">3</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">0ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">1</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">0ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">1</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">0ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">2</span>) </span><br><span class="line"> <span class="attribute">top</span>: <span class="number">40px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">170px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">200ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">2</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">200ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">2</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">200ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">3</span>) </span><br><span class="line"> <span class="attribute">top</span>: <span class="number">100px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">320px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">400ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">3</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">400ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">3</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">400ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">4</span>) </span><br><span class="line"> <span class="attribute">top</span>: <span class="number">150px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">200px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">600ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">4</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">600ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">4</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">600ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.body</span></span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">60px</span>, <span class="number">#f90297</span> <span class="number">60px</span>, <span class="number">#f90297</span> <span class="number">65px</span>, <span class="number">#fe91fe</span> <span class="number">65px</span>, <span class="number">#fe91fe</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">80px</span>, <span class="number">#f90297</span> <span class="number">80px</span>, <span class="number">#f90297</span> <span class="number">85px</span>, <span class="number">#fe91fe</span> <span class="number">85px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">40px</span>, <span class="number">#f90297</span> <span class="number">40px</span>, <span class="number">#f90297</span> <span class="number">45px</span>, <span class="number">#fe91fe</span> <span class="number">45px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">25px</span>, <span class="number">#f90297</span> <span class="number">25px</span>, <span class="number">#f90297</span> <span class="number">30px</span>, <span class="number">#fe91fe</span> <span class="number">30px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">15px</span>, <span class="number">#f90297</span> <span class="number">15px</span>, <span class="number">#f90297</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">35px</span>, <span class="number">#f90297</span> <span class="number">35px</span>, <span class="number">#f90297</span> <span class="number">40px</span>, <span class="number">#fe91fe</span> <span class="number">40px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>);</span><br><span class="line"> </span><br><span class="line"> <span class="selector-class">.head</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">30px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50px</span>, <span class="number">#000000</span> <span class="number">50px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">35px</span>, <span class="number">#000000</span> <span class="number">35px</span>, <span class="number">#000000</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#ffffff</span> <span class="number">20px</span>, <span class="number">#ffffff</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#ffffff</span> <span class="number">55px</span>, <span class="number">#ffffff</span> <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">45px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="number">#000000</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="number">#9d9d9d</span> <span class="number">45px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">65px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>);</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.rainbow</span> > <span class="selector-tag">span</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>);</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.feet</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">110px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">110px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">35px</span>, <span class="number">#9d9d9d</span> <span class="number">35px</span>, <span class="number">#9d9d9d</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">110px</span>, <span class="number">#000000</span> <span class="number">110px</span>, <span class="number">#000000</span> <span class="number">115px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">115px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">90px</span>, <span class="number">#000000</span> <span class="number">90px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>, <span class="number">#9d9d9d</span> <span class="number">105px</span>, <span class="number">#9d9d9d</span> <span class="number">115px</span>, <span class="number">#000000</span> <span class="number">115px</span>, <span class="number">#000000</span> <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>, <span class="number">#000000</span> <span class="number">80px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>, <span class="number">#000000</span> <span class="number">105px</span>, <span class="number">#000000</span> <span class="number">120px</span>);</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.tail</span> > <span class="selector-tag">span</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>);</span><br><span class="line"></span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> rainbow {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">65px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"></span><br><span class="line"><span class="keyword">@keyframes</span> rainbow {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">65px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> nyan {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">10%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">80%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">53px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> nyan {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">10%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">80%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">53px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> feet {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> feet {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> head {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">24.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">25%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">49.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">74.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">75%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">99.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> head {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">24.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">25%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">49.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">74.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">75%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">99.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> tail {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">25%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">49.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">74.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">75%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">99.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">90px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> tail {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">25%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">49.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">74.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">75%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">99.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">90px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> woosh {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">0px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">left</span>: -<span class="number">400px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> sparkly {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">17px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">16%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">0</span>, <span class="number">34px</span> <span class="number">17px</span>, <span class="number">17px</span> <span class="number">34px</span>, <span class="number">0</span> <span class="number">17px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">33%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">0</span>, <span class="number">34px</span> <span class="number">17px</span>, <span class="number">17px</span> <span class="number">34px</span>, <span class="number">0</span> <span class="number">17px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">17px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">66%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">11px</span>, <span class="number">400px</span> <span class="number">11px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">6px</span>, <span class="number">17px</span> <span class="number">23px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">83%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">11px</span> <span class="number">17px</span>, <span class="number">22px</span> <span class="number">17px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">17px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> sparkly-before {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">16%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">33%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">6px</span> <span class="number">6px</span>, <span class="number">29px</span> <span class="number">6px</span>, <span class="number">29px</span> <span class="number">29px</span>, <span class="number">6px</span> <span class="number">29px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">66%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">83%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">17px</span> <span class="number">12px</span>, <span class="number">17px</span> <span class="number">22px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> sparkly-after {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">16%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">33%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">11px</span>, <span class="number">400px</span> <span class="number">11px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">0</span>, <span class="number">17px</span> <span class="number">29px</span>, <span class="number">0</span> <span class="number">17px</span>, <span class="number">29px</span> <span class="number">17px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">66%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">6px</span> <span class="number">17px</span>, <span class="number">23px</span> <span class="number">17px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">83%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br></pre></td></tr></table></figure>
|
|
1179
|
-
<ol>
|
|
1180
|
-
<li>修改<code>[Blogroot]\_config.butterfly.yml</code>的<code>preloader.load_style</code>配置项<figure class="highlight yml"><table><tr><td class="code"><pre><span class="line"><span class="attr">preloader:</span></span><br><span class="line"> <span class="attr">enable:</span> <span class="literal">true</span></span><br><span class="line"> <span class="attr">load_color:</span> <span class="string">'#000000'</span> <span class="comment"># '#37474f'</span></span><br><span class="line"> <span class="attr">load_style:</span> <span class="string">nyancat</span> <span class="comment"># 这边改成nyancat</span></span><br></pre></td></tr></table></figure>
|
|
1181
|
-
</li>
|
|
1182
|
-
</ol>
|
|
1183
|
-
<h3 id="butterfly-4-5-以上方案"><a href="#butterfly-4-5-以上方案" class="headerlink" title="butterfly 4.5 以上方案"></a>butterfly 4.5 以上方案</h3><ol>
|
|
1184
|
-
<li>修改<code>[Blogroot]\themes\butterfly\layout\includes\loading\fullpage-loading.pug</code>，复制以下代码替换全部内容。<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">#loading-box(onclick='document.getElementById("loading-box").classList.add("loaded")')</span><br><span class="line"> .sparks-combo</span><br><span class="line"> .spark</span><br><span class="line"> .spark</span><br><span class="line"> .spark</span><br><span class="line"> .spark</span><br><span class="line"> .rainbow</span><br><span class="line"> span</span><br><span class="line"> .nyan-cat</span><br><span class="line"> .feet</span><br><span class="line"> .tail</span><br><span class="line"> span</span><br><span class="line"> .body</span><br><span class="line"> .head</span><br><span class="line"> script(src="/js/nyan.js")</span><br><span class="line"></span><br><span class="line">script.</span><br><span class="line"> const preloader = {</span><br><span class="line"> endLoading: () => {</span><br><span class="line"> document.body.style.overflow = 'auto';</span><br><span class="line"> document.getElementById('loading-box').classList.add("loaded")</span><br><span class="line"> },</span><br><span class="line"> initLoading: () => {</span><br><span class="line"> document.body.style.overflow = '';</span><br><span class="line"> document.getElementById('loading-box').classList.remove("loaded")</span><br><span class="line"></span><br><span class="line"> }</span><br><span class="line"> }</span><br><span class="line"> window.addEventListener('load',()=> { preloader.endLoading() })</span><br><span class="line"></span><br><span class="line"> if (!{theme.pjax && theme.pjax.enable}) {</span><br><span class="line"> document.addEventListener('pjax:send', () => { preloader.initLoading() })</span><br><span class="line"> document.addEventListener('pjax:complete', () => { preloader.endLoading() })</span><br><span class="line"> }</span><br></pre></td></tr></table></figure></li>
|
|
1185
|
-
<li>修改<code>[Blogroot]\themes\butterfly\layout\includes\loading\index.pug</code>，复制以下代码替换全部内容。<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">if theme.preloader.source === 1</span><br><span class="line"> include ./fullpage-loading.pug</span><br><span class="line">else if theme.preloader.source === 2</span><br><span class="line"> include ./pace.pug</span><br><span class="line">else</span><br><span class="line"> include ./fullpage-loading.pug</span><br><span class="line"> include ./pace.pug</span><br></pre></td></tr></table></figure></li>
|
|
1186
|
-
<li>修改<code>[Blogroot]\themes\butterfly\source\css\_layout\loading.styl</code>，复制以下代码替换全部内容。<figure class="highlight stylus"><table><tr><td class="code"><pre><span class="line"><span class="selector-id">#loading-box</span></span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">margin</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">padding</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background</span>: <span class="number">#036</span>;</span><br><span class="line"> <span class="attribute">overflow</span>: hidden;</span><br><span class="line"> <span class="attribute">position</span> : fixed;</span><br><span class="line"> <span class="attribute">font</span>: <span class="number">13px</span>/<span class="number">1.4</span> Helvetica, arial, freesans, clean, sans-serif, <span class="string">"Segoe UI Emoji"</span>, <span class="string">"Segoe UI Symbol"</span>;</span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">9999</span>;</span><br><span class="line"> <span class="attribute">opacity</span>: <span class="number">1</span>;</span><br><span class="line"></span><br><span class="line"> &<span class="selector-class">.loaded</span></span><br><span class="line"> <span class="attribute">opacity</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">z-index</span>: -<span class="number">1000</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.sprite</span>, <span class="selector-class">.body</span>, <span class="selector-class">.head</span>, <span class="selector-class">.rainbow</span> <span class="selector-tag">span</span>, <span class="selector-class">.feet</span>, <span class="selector-class">.tail</span> <span class="selector-tag">span</span>, <span class="selector-class">.stars</span> <span class="selector-class">.star</span></span><br><span class="line"> <span class="attribute">position</span>: absolute;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0px</span>,<span class="number">0</span> <span class="number">5px</span>,<span class="number">0</span> <span class="number">10px</span>,<span class="number">0</span> <span class="number">15px</span>,<span class="number">0</span> <span class="number">20px</span>,<span class="number">0</span> <span class="number">25px</span>,<span class="number">0</span> <span class="number">30px</span>,<span class="number">0</span> <span class="number">35px</span>,<span class="number">0</span> <span class="number">40px</span>,<span class="number">0</span> <span class="number">45px</span>,<span class="number">0</span> <span class="number">50px</span>,<span class="number">0</span> <span class="number">55px</span>,<span class="number">0</span> <span class="number">60px</span>,<span class="number">0</span> <span class="number">65px</span>,<span class="number">0</span> <span class="number">70px</span>,<span class="number">0</span> <span class="number">75px</span>,<span class="number">0</span> <span class="number">80px</span>,<span class="number">0</span> <span class="number">85px</span>,<span class="number">0</span> <span class="number">90px</span>,<span class="number">0</span> <span class="number">95px</span>,<span class="number">0</span> <span class="number">100px</span>,<span class="number">0</span> <span class="number">105px</span>,<span class="number">0</span> <span class="number">110px</span>,<span class="number">0</span> <span class="number">115px</span>,<span class="number">0</span> <span class="number">120px</span>,<span class="number">0</span> <span class="number">125px</span>;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">100%</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-repeat</span>: no-repeat;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.nyan-cat</span></span><br><span class="line"> <span class="attribute">position</span>: fixed;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">165px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100px</span>;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> <span class="attribute">margin-left</span>: -<span class="number">82px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: nyan <span class="number">400ms</span> step-start infinite;</span><br><span class="line"> <span class="attribute">animation</span>: nyan <span class="number">400ms</span> step-start infinite;</span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">19999</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.body</span></span><br><span class="line"> <span class="attribute">left</span>: <span class="number">35px</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">105px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">90px</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.head</span></span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">80px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">65px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: head <span class="number">400ms</span> linear infinite;</span><br><span class="line"> <span class="attribute">animation</span>: head <span class="number">400ms</span> linear infinite;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.rainbow</span></span><br><span class="line"> <span class="attribute">position</span>: fixed;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">35px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">65px</span>;</span><br><span class="line"> <span class="attribute">overflow</span>: hidden;</span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">18888</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-tag">span</span></span><br><span class="line"> <span class="attribute">display</span>: block;</span><br><span class="line"> <span class="attribute">position</span>: relative;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">130px</span>;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">80px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-repeat</span>: repeat-x;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: rainbow <span class="number">400ms</span> step-start infinite;</span><br><span class="line"> <span class="attribute">animation</span>: rainbow <span class="number">400ms</span> step-start infinite;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.feet</span></span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">75px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">120px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">25px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: feet <span class="number">400ms</span> infinite;</span><br><span class="line"> <span class="attribute">animation</span>: feet <span class="number">400ms</span> infinite;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.tail</span></span><br><span class="line"> <span class="attribute">position</span>: relative;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">30px</span>;</span><br><span class="line"> <span class="attribute">overflow</span>: hidden;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">30px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">10px</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-tag">span</span></span><br><span class="line"> <span class="attribute">width</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">120px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: tail <span class="number">200ms</span> step-start infinite alternate;</span><br><span class="line"> <span class="attribute">animation</span>: tail <span class="number">200ms</span> step-start infinite alternate;</span><br><span class="line"> </span><br><span class="line"> <span class="selector-class">.sparks-combo</span> </span><br><span class="line"> <span class="attribute">height</span>: <span class="number">300px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">200%</span>;</span><br><span class="line"> <span class="attribute">position</span>: relative;</span><br><span class="line"> <span class="attribute">animation</span>: woosh <span class="number">700ms</span> <span class="number">0ms</span> linear infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.spark</span> </span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">1</span>;</span><br><span class="line"> <span class="attribute">position</span>: absolute;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">background-color</span>: transparent;</span><br><span class="line"> <span class="attribute">background</span>: <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:before</span> </span><br><span class="line"> <span class="attribute">background</span>: <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:after</span> </span><br><span class="line"> <span class="attribute">background</span>: <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">11px</span>, transparent <span class="number">11px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">11px</span>, transparent <span class="number">11px</span>, transparent <span class="number">400px</span>) repeat-x;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:before</span>,<span class="selector-pseudo">&:after</span> </span><br><span class="line"> <span class="attribute">content</span>: <span class="string">''</span>;</span><br><span class="line"> <span class="attribute">position</span>: absolute;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">background-color</span>: transparent;</span><br><span class="line"> </span><br><span class="line"> </span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">1</span>) </span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">3</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">0ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">1</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">0ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">1</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">0ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">2</span>) </span><br><span class="line"> <span class="attribute">top</span>: <span class="number">40px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">170px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">200ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">2</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">200ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">2</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">200ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">3</span>) </span><br><span class="line"> <span class="attribute">top</span>: <span class="number">100px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">320px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">400ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">3</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">400ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">3</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">400ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">4</span>) </span><br><span class="line"> <span class="attribute">top</span>: <span class="number">150px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">200px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">600ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">4</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">600ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">4</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">600ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.body</span></span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">60px</span>, <span class="number">#f90297</span> <span class="number">60px</span>, <span class="number">#f90297</span> <span class="number">65px</span>, <span class="number">#fe91fe</span> <span class="number">65px</span>, <span class="number">#fe91fe</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">80px</span>, <span class="number">#f90297</span> <span class="number">80px</span>, <span class="number">#f90297</span> <span class="number">85px</span>, <span class="number">#fe91fe</span> <span class="number">85px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">40px</span>, <span class="number">#f90297</span> <span class="number">40px</span>, <span class="number">#f90297</span> <span class="number">45px</span>, <span class="number">#fe91fe</span> <span class="number">45px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">25px</span>, <span class="number">#f90297</span> <span class="number">25px</span>, <span class="number">#f90297</span> <span class="number">30px</span>, <span class="number">#fe91fe</span> <span class="number">30px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">15px</span>, <span class="number">#f90297</span> <span class="number">15px</span>, <span class="number">#f90297</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">35px</span>, <span class="number">#f90297</span> <span class="number">35px</span>, <span class="number">#f90297</span> <span class="number">40px</span>, <span class="number">#fe91fe</span> <span class="number">40px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>);</span><br><span class="line"> </span><br><span class="line"> <span class="selector-class">.head</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">30px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50px</span>, <span class="number">#000000</span> <span class="number">50px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">35px</span>, <span class="number">#000000</span> <span class="number">35px</span>, <span class="number">#000000</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#ffffff</span> <span class="number">20px</span>, <span class="number">#ffffff</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#ffffff</span> <span class="number">55px</span>, <span class="number">#ffffff</span> <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">45px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="number">#000000</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="number">#9d9d9d</span> <span class="number">45px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">65px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>);</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.rainbow</span> > <span class="selector-tag">span</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>);</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.feet</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">110px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">110px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">35px</span>, <span class="number">#9d9d9d</span> <span class="number">35px</span>, <span class="number">#9d9d9d</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">110px</span>, <span class="number">#000000</span> <span class="number">110px</span>, <span class="number">#000000</span> <span class="number">115px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">115px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">90px</span>, <span class="number">#000000</span> <span class="number">90px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>, <span class="number">#9d9d9d</span> <span class="number">105px</span>, <span class="number">#9d9d9d</span> <span class="number">115px</span>, <span class="number">#000000</span> <span class="number">115px</span>, <span class="number">#000000</span> <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>, <span class="number">#000000</span> <span class="number">80px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>, <span class="number">#000000</span> <span class="number">105px</span>, <span class="number">#000000</span> <span class="number">120px</span>);</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.tail</span> > <span class="selector-tag">span</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>);</span><br><span class="line"></span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> rainbow {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">65px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"></span><br><span class="line"><span class="keyword">@keyframes</span> rainbow {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">65px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> nyan {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">10%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">80%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">53px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> nyan {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">10%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">80%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">53px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> feet {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> feet {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> head {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">24.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">25%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">49.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">74.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">75%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">99.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> head {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">24.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">25%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">49.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">74.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">75%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">99.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> tail {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">25%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">49.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">74.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">75%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">99.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">90px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> tail {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">25%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">49.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">74.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">75%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">99.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">90px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> woosh {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">0px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">left</span>: -<span class="number">400px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> sparkly {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">17px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">16%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">0</span>, <span class="number">34px</span> <span class="number">17px</span>, <span class="number">17px</span> <span class="number">34px</span>, <span class="number">0</span> <span class="number">17px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">33%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">0</span>, <span class="number">34px</span> <span class="number">17px</span>, <span class="number">17px</span> <span class="number">34px</span>, <span class="number">0</span> <span class="number">17px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">17px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">66%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">11px</span>, <span class="number">400px</span> <span class="number">11px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">6px</span>, <span class="number">17px</span> <span class="number">23px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">83%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">11px</span> <span class="number">17px</span>, <span class="number">22px</span> <span class="number">17px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">17px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> sparkly-before {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">16%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">33%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">6px</span> <span class="number">6px</span>, <span class="number">29px</span> <span class="number">6px</span>, <span class="number">29px</span> <span class="number">29px</span>, <span class="number">6px</span> <span class="number">29px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">66%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">83%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">17px</span> <span class="number">12px</span>, <span class="number">17px</span> <span class="number">22px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> sparkly-after {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">16%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">33%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">11px</span>, <span class="number">400px</span> <span class="number">11px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">0</span>, <span class="number">17px</span> <span class="number">29px</span>, <span class="number">0</span> <span class="number">17px</span>, <span class="number">29px</span> <span class="number">17px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">66%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">6px</span> <span class="number">17px</span>, <span class="number">23px</span> <span class="number">17px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">83%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br></pre></td></tr></table></figure>
|
|
1187
|
-
最后修改<code>_config.butterfly.yml</code>中<code>preloader</code>选项, 改完以后<code>source: 1</code>为满屏加载无pace胶囊,<code>source: 2</code>为pace胶囊无满屏动画, <code>source: 3</code>是两者都启用。<psw>（这边懒得说就搬运的鱼佬那加载动画的教程了。。。。。反正都一样。。。。。）</psw><figure class="highlight yml"><table><tr><td class="code"><pre><span class="line"><span class="comment"># Loading Animation (加载动画)</span></span><br><span class="line"><span class="attr">preloader:</span></span><br><span class="line"> <span class="attr">enable:</span> <span class="literal">true</span></span><br><span class="line"> <span class="comment"># source</span></span><br><span class="line"> <span class="comment"># 1. fullpage-loading</span></span><br><span class="line"> <span class="comment"># 2. pace (progress bar)</span></span><br><span class="line"> <span class="comment"># else all</span></span><br><span class="line"> <span class="attr">source:</span> <span class="number">3</span></span><br><span class="line"> <span class="comment"># pace theme (see https://codebyzach.github.io/pace/)</span></span><br><span class="line"> <span class="attr">pace_css_url:</span> <span class="string">/css/progress_bar.css</span></span><br><span class="line"> <span class="attr">avatar:</span> <span class="comment"># 自定义头像</span></span><br></pre></td></tr></table></figure>
|
|
1188
|
-
</li>
|
|
1189
|
-
</ol>
|
|
1190
|
-
<h3 id="butterfly-4-4-2-以下版本方案"><a href="#butterfly-4-4-2-以下版本方案" class="headerlink" title="butterfly 4.4.2 以下版本方案"></a>butterfly 4.4.2 以下版本方案</h3><ol>
|
|
1191
|
-
<li><p>修改<code>[Blogroot]\themes\butterfly\source\css\_layout\loading.styl</code>，复制以下代码替换全部内容。</p>
|
|
1192
|
-
<figure class="highlight stylus"><table><tr><td class="code"><pre><span class="line"><span class="selector-id">#loading-box</span></span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">margin</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">padding</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background</span>: <span class="number">#036</span>;</span><br><span class="line"> <span class="attribute">overflow</span>: hidden;</span><br><span class="line"> <span class="attribute">position</span> : fixed;</span><br><span class="line"> <span class="attribute">font</span>: <span class="number">13px</span>/<span class="number">1.4</span> Helvetica, arial, freesans, clean, sans-serif, <span class="string">"Segoe UI Emoji"</span>, <span class="string">"Segoe UI Symbol"</span>;</span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">9999</span>;</span><br><span class="line"> <span class="attribute">opacity</span>: <span class="number">1</span>;</span><br><span class="line"></span><br><span class="line"> &<span class="selector-class">.loaded</span></span><br><span class="line"> <span class="attribute">opacity</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">z-index</span>: -<span class="number">1000</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.sprite</span>, <span class="selector-class">.body</span>, <span class="selector-class">.head</span>, <span class="selector-class">.rainbow</span> <span class="selector-tag">span</span>, <span class="selector-class">.feet</span>, <span class="selector-class">.tail</span> <span class="selector-tag">span</span>, <span class="selector-class">.stars</span> <span class="selector-class">.star</span></span><br><span class="line"> <span class="attribute">position</span>: absolute;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0px</span>,<span class="number">0</span> <span class="number">5px</span>,<span class="number">0</span> <span class="number">10px</span>,<span class="number">0</span> <span class="number">15px</span>,<span class="number">0</span> <span class="number">20px</span>,<span class="number">0</span> <span class="number">25px</span>,<span class="number">0</span> <span class="number">30px</span>,<span class="number">0</span> <span class="number">35px</span>,<span class="number">0</span> <span class="number">40px</span>,<span class="number">0</span> <span class="number">45px</span>,<span class="number">0</span> <span class="number">50px</span>,<span class="number">0</span> <span class="number">55px</span>,<span class="number">0</span> <span class="number">60px</span>,<span class="number">0</span> <span class="number">65px</span>,<span class="number">0</span> <span class="number">70px</span>,<span class="number">0</span> <span class="number">75px</span>,<span class="number">0</span> <span class="number">80px</span>,<span class="number">0</span> <span class="number">85px</span>,<span class="number">0</span> <span class="number">90px</span>,<span class="number">0</span> <span class="number">95px</span>,<span class="number">0</span> <span class="number">100px</span>,<span class="number">0</span> <span class="number">105px</span>,<span class="number">0</span> <span class="number">110px</span>,<span class="number">0</span> <span class="number">115px</span>,<span class="number">0</span> <span class="number">120px</span>,<span class="number">0</span> <span class="number">125px</span>;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">100%</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-repeat</span>: no-repeat;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.nyan-cat</span></span><br><span class="line"> <span class="attribute">position</span>: fixed;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">165px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100px</span>;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> <span class="attribute">margin-left</span>: -<span class="number">82px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: nyan <span class="number">400ms</span> step-start infinite;</span><br><span class="line"> <span class="attribute">animation</span>: nyan <span class="number">400ms</span> step-start infinite;</span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">19999</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.body</span></span><br><span class="line"> <span class="attribute">left</span>: <span class="number">35px</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">105px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">90px</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.head</span></span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">80px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">65px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: head <span class="number">400ms</span> linear infinite;</span><br><span class="line"> <span class="attribute">animation</span>: head <span class="number">400ms</span> linear infinite;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.rainbow</span></span><br><span class="line"> <span class="attribute">position</span>: fixed;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">35px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">65px</span>;</span><br><span class="line"> <span class="attribute">overflow</span>: hidden;</span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">18888</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-tag">span</span></span><br><span class="line"> <span class="attribute">display</span>: block;</span><br><span class="line"> <span class="attribute">position</span>: relative;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">130px</span>;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">80px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-repeat</span>: repeat-x;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: rainbow <span class="number">400ms</span> step-start infinite;</span><br><span class="line"> <span class="attribute">animation</span>: rainbow <span class="number">400ms</span> step-start infinite;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.feet</span></span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">75px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">120px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">25px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: feet <span class="number">400ms</span> infinite;</span><br><span class="line"> <span class="attribute">animation</span>: feet <span class="number">400ms</span> infinite;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.tail</span></span><br><span class="line"> <span class="attribute">position</span>: relative;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">30px</span>;</span><br><span class="line"> <span class="attribute">overflow</span>: hidden;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">30px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">10px</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-tag">span</span></span><br><span class="line"> <span class="attribute">width</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">120px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: tail <span class="number">200ms</span> step-start infinite alternate;</span><br><span class="line"> <span class="attribute">animation</span>: tail <span class="number">200ms</span> step-start infinite alternate;</span><br><span class="line"> </span><br><span class="line"> <span class="selector-class">.sparks-combo</span> </span><br><span class="line"> <span class="attribute">height</span>: <span class="number">300px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">200%</span>;</span><br><span class="line"> <span class="attribute">position</span>: relative;</span><br><span class="line"> <span class="attribute">animation</span>: woosh <span class="number">700ms</span> <span class="number">0ms</span> linear infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.spark</span> </span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">1</span>;</span><br><span class="line"> <span class="attribute">position</span>: absolute;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">background-color</span>: transparent;</span><br><span class="line"> <span class="attribute">background</span>: <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:before</span> </span><br><span class="line"> <span class="attribute">background</span>: <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:after</span> </span><br><span class="line"> <span class="attribute">background</span>: <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">11px</span>, transparent <span class="number">11px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">11px</span>, transparent <span class="number">11px</span>, transparent <span class="number">400px</span>) repeat-x;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:before</span>,<span class="selector-pseudo">&:after</span> </span><br><span class="line"> <span class="attribute">content</span>: <span class="string">''</span>;</span><br><span class="line"> <span class="attribute">position</span>: absolute;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">background-color</span>: transparent;</span><br><span class="line"> </span><br><span class="line"> </span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">1</span>) </span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">3</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">0ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">1</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">0ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">1</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">0ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">2</span>) </span><br><span class="line"> <span class="attribute">top</span>: <span class="number">40px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">170px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">200ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">2</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">200ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">2</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">200ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">3</span>) </span><br><span class="line"> <span class="attribute">top</span>: <span class="number">100px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">320px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">400ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">3</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">400ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">3</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">400ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">4</span>) </span><br><span class="line"> <span class="attribute">top</span>: <span class="number">150px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">200px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">600ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">4</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">600ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">4</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">600ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.body</span></span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">60px</span>, <span class="number">#f90297</span> <span class="number">60px</span>, <span class="number">#f90297</span> <span class="number">65px</span>, <span class="number">#fe91fe</span> <span class="number">65px</span>, <span class="number">#fe91fe</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">80px</span>, <span class="number">#f90297</span> <span class="number">80px</span>, <span class="number">#f90297</span> <span class="number">85px</span>, <span class="number">#fe91fe</span> <span class="number">85px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">40px</span>, <span class="number">#f90297</span> <span class="number">40px</span>, <span class="number">#f90297</span> <span class="number">45px</span>, <span class="number">#fe91fe</span> <span class="number">45px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">25px</span>, <span class="number">#f90297</span> <span class="number">25px</span>, <span class="number">#f90297</span> <span class="number">30px</span>, <span class="number">#fe91fe</span> <span class="number">30px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">15px</span>, <span class="number">#f90297</span> <span class="number">15px</span>, <span class="number">#f90297</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">35px</span>, <span class="number">#f90297</span> <span class="number">35px</span>, <span class="number">#f90297</span> <span class="number">40px</span>, <span class="number">#fe91fe</span> <span class="number">40px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>);</span><br><span class="line"> </span><br><span class="line"> <span class="selector-class">.head</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">30px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50px</span>, <span class="number">#000000</span> <span class="number">50px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">35px</span>, <span class="number">#000000</span> <span class="number">35px</span>, <span class="number">#000000</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#ffffff</span> <span class="number">20px</span>, <span class="number">#ffffff</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#ffffff</span> <span class="number">55px</span>, <span class="number">#ffffff</span> <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">45px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="number">#000000</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="number">#9d9d9d</span> <span class="number">45px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">65px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>);</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.rainbow</span> > <span class="selector-tag">span</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>);</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.feet</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">110px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">110px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">35px</span>, <span class="number">#9d9d9d</span> <span class="number">35px</span>, <span class="number">#9d9d9d</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">110px</span>, <span class="number">#000000</span> <span class="number">110px</span>, <span class="number">#000000</span> <span class="number">115px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">115px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">90px</span>, <span class="number">#000000</span> <span class="number">90px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>, <span class="number">#9d9d9d</span> <span class="number">105px</span>, <span class="number">#9d9d9d</span> <span class="number">115px</span>, <span class="number">#000000</span> <span class="number">115px</span>, <span class="number">#000000</span> <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>, <span class="number">#000000</span> <span class="number">80px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>, <span class="number">#000000</span> <span class="number">105px</span>, <span class="number">#000000</span> <span class="number">120px</span>);</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.tail</span> > <span class="selector-tag">span</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>);</span><br><span class="line"></span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> rainbow {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">65px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"></span><br><span class="line"><span class="keyword">@keyframes</span> rainbow {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">65px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> nyan {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">10%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">80%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">53px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> nyan {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">10%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">80%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">53px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> feet {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> feet {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> head {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">24.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">25%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">49.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">74.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">75%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">99.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> head {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">24.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">25%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">49.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">74.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">75%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">99.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> tail {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">25%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">49.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">74.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">75%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">99.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">90px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> tail {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">25%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">49.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">74.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">75%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">99.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">90px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> woosh {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">0px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">left</span>: -<span class="number">400px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> sparkly {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">17px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">16%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">0</span>, <span class="number">34px</span> <span class="number">17px</span>, <span class="number">17px</span> <span class="number">34px</span>, <span class="number">0</span> <span class="number">17px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">33%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">0</span>, <span class="number">34px</span> <span class="number">17px</span>, <span class="number">17px</span> <span class="number">34px</span>, <span class="number">0</span> <span class="number">17px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">17px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">66%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">11px</span>, <span class="number">400px</span> <span class="number">11px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">6px</span>, <span class="number">17px</span> <span class="number">23px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">83%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">11px</span> <span class="number">17px</span>, <span class="number">22px</span> <span class="number">17px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">17px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> sparkly-before {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">16%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">33%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">6px</span> <span class="number">6px</span>, <span class="number">29px</span> <span class="number">6px</span>, <span class="number">29px</span> <span class="number">29px</span>, <span class="number">6px</span> <span class="number">29px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">66%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">83%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">17px</span> <span class="number">12px</span>, <span class="number">17px</span> <span class="number">22px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> sparkly-after {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">16%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">33%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">11px</span>, <span class="number">400px</span> <span class="number">11px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">0</span>, <span class="number">17px</span> <span class="number">29px</span>, <span class="number">0</span> <span class="number">17px</span>, <span class="number">29px</span> <span class="number">17px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">66%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">6px</span> <span class="number">17px</span>, <span class="number">23px</span> <span class="number">17px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">83%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br></pre></td></tr></table></figure>
|
|
1193
|
-
</li>
|
|
1194
|
-
<li><p>修改<code>[Blogroot]\themes\butterfly\layout\includes\loading\fullpage-loading.pug</code>，复制以下代码替换全部内容。</p>
|
|
1195
|
-
</li>
|
|
1196
|
-
</ol>
|
|
1197
|
-
<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">#loading-box(onclick='document.getElementById("loading-box").classList.add("loaded")')</span><br><span class="line"> .sparks-combo</span><br><span class="line"> .spark</span><br><span class="line"> .spark</span><br><span class="line"> .spark</span><br><span class="line"> .spark</span><br><span class="line"> .rainbow</span><br><span class="line"> span</span><br><span class="line"> .nyan-cat</span><br><span class="line"> .feet</span><br><span class="line"> .tail</span><br><span class="line"> span</span><br><span class="line"> .body</span><br><span class="line"> .head</span><br><span class="line"> script(src="/js/nyan.js")</span><br></pre></td></tr></table></figure>
|
|
1198
|
-
]]></content>
|
|
1199
|
-
<categories>
|
|
1200
|
-
<category>站点折腾</category>
|
|
1201
|
-
</categories>
|
|
1202
|
-
<tags>
|
|
1203
|
-
<tag>站点折腾</tag>
|
|
1204
|
-
<tag>加载动画</tag>
|
|
1205
|
-
</tags>
|
|
1206
|
-
</entry>
|
|
1207
1163
|
<entry>
|
|
1208
1164
|
<title>站点装修与国庆小记</title>
|
|
1209
1165
|
<url>/posts/10733/</url>
|
|
@@ -1261,6 +1217,50 @@ function loadkaixinmusic() {
|
|
|
1261
1217
|
<tag>自建部署</tag>
|
|
1262
1218
|
</tags>
|
|
1263
1219
|
</entry>
|
|
1220
|
+
<entry>
|
|
1221
|
+
<title>真·彩虹猫加载动画</title>
|
|
1222
|
+
<url>/posts/46640/</url>
|
|
1223
|
+
<content><![CDATA[<h1 id="前言"><a href="#前言" class="headerlink" title="前言"></a>前言</h1><p>之前有人反映我的站点特别卡<br>也不是没有去优化。。。。。但是依然有人说很卡<br>我感觉是加载动画的问题，刚好我之前找到html+css实现彩虹猫<br>于是我给这个抄下来了<br>不废话，正片开始！</p>
|
|
1224
|
+
<h1 id="教程开始！"><a href="#教程开始！" class="headerlink" title="教程开始！"></a>教程开始！</h1><h2 id="新建js"><a href="#新建js" class="headerlink" title="新建js"></a>新建js</h2><p>首先，新建<code>[Blogroot]\themes\butterfly\source\js\nyan.js</code>，内容如下：</p>
|
|
1225
|
+
<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">function</span> <span class="title function_">cycleFrames</span> (<span class="params">_nyanCat, _currentFrame</span>) {</span><br><span class="line"> _nyanCat.<span class="property">classList</span> = []</span><br><span class="line"> _nyanCat.<span class="property">classList</span>.<span class="title function_">add</span>(<span class="string">`frame<span class="subst">${_currentFrame}</span>`</span>)</span><br><span class="line">}</span><br><span class="line"></span><br><span class="line"><span class="keyword">function</span> <span class="title function_">replicateSparks</span> (<span class="params">_sparksRow</span>) {</span><br><span class="line"> <span class="keyword">const</span> numberOfRowsToCoverEntireScreen = <span class="title class_">Math</span>.<span class="title function_">ceil</span>(<span class="variable language_">document</span>.<span class="title function_">getElementById</span>(<span class="string">"loading-box"</span>).<span class="property">offsetHeight</span> / _sparksRow.<span class="property">offsetHeight</span>)</span><br><span class="line"> <span class="keyword">const</span> newSparksRows = <span class="variable language_">document</span>.<span class="title function_">createElement</span>(<span class="string">'div'</span>)</span><br><span class="line"></span><br><span class="line"> <span class="keyword">for</span> (<span class="keyword">let</span> a = <span class="number">0</span>; a < numberOfRowsToCoverEntireScreen-<span class="number">1</span>; a++) {</span><br><span class="line"> newSparksRows.<span class="title function_">append</span>(_sparksRow.<span class="title function_">cloneNode</span>(<span class="literal">true</span>))</span><br><span class="line"> }</span><br><span class="line"></span><br><span class="line"> <span class="variable language_">document</span>.<span class="title function_">getElementById</span>(<span class="string">"loading-box"</span>).<span class="title function_">prepend</span>(newSparksRows)</span><br><span class="line">}</span><br><span class="line"></span><br><span class="line">(<span class="keyword">function</span> (<span class="params"></span>) {</span><br><span class="line"> <span class="keyword">let</span> nyanCat = <span class="variable language_">document</span>.<span class="title function_">getElementById</span>(<span class="string">'nyan-cat'</span>)</span><br><span class="line"> <span class="keyword">let</span> currentFrame = <span class="number">1</span></span><br><span class="line"></span><br><span class="line"> <span class="title function_">replicateSparks</span>(<span class="variable language_">document</span>.<span class="title function_">getElementsByClassName</span>(<span class="string">'sparks-combo'</span>)[<span class="number">0</span>])</span><br><span class="line"></span><br><span class="line"> <span class="built_in">setInterval</span>(<span class="keyword">function</span> (<span class="params"></span>) {</span><br><span class="line"> currentFrame = (currentFrame % <span class="number">6</span>) + <span class="number">1</span></span><br><span class="line"> <span class="title function_">cycleFrames</span>(nyanCat, currentFrame)</span><br><span class="line"> }, <span class="number">70</span>)</span><br><span class="line">})()</span><br></pre></td></tr></table></figure>
|
|
1226
|
+
<p>这个是用来自动生成div，使得星星可以铺满屏幕</p>
|
|
1227
|
+
<h2 id="选择方案"><a href="#选择方案" class="headerlink" title="选择方案"></a>选择方案</h2><p>以下三种方案任意选择一种：</p>
|
|
1228
|
+
<h3 id="店长魔改方案"><a href="#店长魔改方案" class="headerlink" title="店长魔改方案"></a>店长魔改方案</h3><p>如果你博客有参考店长的这个教程：<a href="https://akilar.top/posts/3d221bf2/">Loading Animation</a><br>那就按照这个教程魔改就行</p>
|
|
1229
|
+
<ol>
|
|
1230
|
+
<li>修改<code>[Blogroot]\themes\butterfly\layout\includes\loading\loading.pug</code><figure class="highlight diff"><table><tr><td class="code"><pre><span class="line">if theme.preloader.enable</span><br><span class="line"> case theme.preloader.load_style </span><br><span class="line"> when 'gear'</span><br><span class="line"> include ./load_style/gear.pug</span><br><span class="line"> when 'ironheart'</span><br><span class="line"> include ./load_style/ironheart.pug</span><br><span class="line"> when 'scarecrow'</span><br><span class="line"> include ./load_style/scarecrow.pug</span><br><span class="line"> when 'triangles'</span><br><span class="line"> include ./load_style/triangles.pug</span><br><span class="line"> when 'wizard'</span><br><span class="line"> include ./load_style/wizard.pug</span><br><span class="line"> when 'image'</span><br><span class="line"> include ./load_style/image.pug</span><br><span class="line"><span class="addition">+ when 'nyancat'</span></span><br><span class="line"><span class="addition">+ include ./load_style/nyancat.pug</span></span><br><span class="line"> default</span><br><span class="line"> include ./load_style/default.pug</span><br></pre></td></tr></table></figure></li>
|
|
1231
|
+
<li>新建[Blogroot]\themes\butterfly\layout\includes\loading\load_style\nyancat.pug，内容如下：<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">#loading-box(onclick='document.getElementById("loading-box").classList.add("loaded")')</span><br><span class="line"> .sparks-combo</span><br><span class="line"> .spark</span><br><span class="line"> .spark</span><br><span class="line"> .spark</span><br><span class="line"> .spark</span><br><span class="line"> .rainbow</span><br><span class="line"> span</span><br><span class="line"> .nyan-cat</span><br><span class="line"> .feet</span><br><span class="line"> .tail</span><br><span class="line"> span</span><br><span class="line"> .body</span><br><span class="line"> .head</span><br><span class="line"> script(src="/js/nyan.js")</span><br><span class="line"></span><br><span class="line">script.</span><br><span class="line"> const preloader = {</span><br><span class="line"> endLoading: () => {</span><br><span class="line"> document.body.style.overflow = 'auto';</span><br><span class="line"> document.getElementById('loading-box').classList.add("loaded")</span><br><span class="line"> },</span><br><span class="line"> initLoading: () => {</span><br><span class="line"> document.body.style.overflow = '';</span><br><span class="line"> document.getElementById('loading-box').classList.remove("loaded")</span><br><span class="line"></span><br><span class="line"> }</span><br><span class="line"> }</span><br><span class="line"> window.addEventListener('load',()=> { preloader.endLoading() })</span><br><span class="line"></span><br><span class="line"> if (!{theme.pjax && theme.pjax.enable}) {</span><br><span class="line"> document.addEventListener('pjax:send', () => { preloader.initLoading() })</span><br><span class="line"> document.addEventListener('pjax:complete', () => { preloader.endLoading() })</span><br><span class="line"> }</span><br></pre></td></tr></table></figure></li>
|
|
1232
|
+
<li>修改<code>[Blogroot]\themes\butterfly\source\css\_layout\loading.styl</code><figure class="highlight diff"><table><tr><td class="code"><pre><span class="line"></span><br><span class="line">if hexo-config('preloader.enable')</span><br><span class="line"> if hexo-config('preloader.load_style') == 'gear'</span><br><span class="line"> @import './_load_style/gear'</span><br><span class="line"> else if hexo-config('preloader.load_style') == 'ironheart'</span><br><span class="line"> @import './_load_style/ironheart'</span><br><span class="line"> else if hexo-config('preloader.load_style') == 'scarecrow'</span><br><span class="line"> @import './_load_style/scarecrow'</span><br><span class="line"> else if hexo-config('preloader.load_style') == 'triangles'</span><br><span class="line"> @import './_load_style/triangles'</span><br><span class="line"> else if hexo-config('preloader.load_style') == 'wizard'</span><br><span class="line"> @import './_load_style/wizard'</span><br><span class="line"> else if hexo-config('preloader.load_style') == 'image'</span><br><span class="line"> @import './_load_style/image'</span><br><span class="line"><span class="addition">+ else if hexo-config('preloader.load_style') == 'nyancat'</span></span><br><span class="line"><span class="addition">+ @import './_load_style/nyancat'</span></span><br><span class="line"> else</span><br><span class="line"> @import './_load_style/default'</span><br></pre></td></tr></table></figure></li>
|
|
1233
|
+
<li>新建<code>[Blogroot]\themes\butterfly\source\css\_load_style\nyancat.styl</code>，内容如下：</li>
|
|
1234
|
+
</ol>
|
|
1235
|
+
<figure class="highlight stylus"><table><tr><td class="code"><pre><span class="line"><span class="selector-id">#loading-box</span></span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">margin</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">padding</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background</span>: <span class="number">#036</span>;</span><br><span class="line"> <span class="attribute">overflow</span>: hidden;</span><br><span class="line"> <span class="attribute">position</span> : fixed;</span><br><span class="line"> <span class="attribute">font</span>: <span class="number">13px</span>/<span class="number">1.4</span> Helvetica, arial, freesans, clean, sans-serif, <span class="string">"Segoe UI Emoji"</span>, <span class="string">"Segoe UI Symbol"</span>;</span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">9999</span>;</span><br><span class="line"> <span class="attribute">opacity</span>: <span class="number">1</span>;</span><br><span class="line"></span><br><span class="line"> &<span class="selector-class">.loaded</span></span><br><span class="line"> <span class="attribute">opacity</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">z-index</span>: -<span class="number">1000</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.sprite</span>, <span class="selector-class">.body</span>, <span class="selector-class">.head</span>, <span class="selector-class">.rainbow</span> <span class="selector-tag">span</span>, <span class="selector-class">.feet</span>, <span class="selector-class">.tail</span> <span class="selector-tag">span</span>, <span class="selector-class">.stars</span> <span class="selector-class">.star</span></span><br><span class="line"> <span class="attribute">position</span>: absolute;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0px</span>,<span class="number">0</span> <span class="number">5px</span>,<span class="number">0</span> <span class="number">10px</span>,<span class="number">0</span> <span class="number">15px</span>,<span class="number">0</span> <span class="number">20px</span>,<span class="number">0</span> <span class="number">25px</span>,<span class="number">0</span> <span class="number">30px</span>,<span class="number">0</span> <span class="number">35px</span>,<span class="number">0</span> <span class="number">40px</span>,<span class="number">0</span> <span class="number">45px</span>,<span class="number">0</span> <span class="number">50px</span>,<span class="number">0</span> <span class="number">55px</span>,<span class="number">0</span> <span class="number">60px</span>,<span class="number">0</span> <span class="number">65px</span>,<span class="number">0</span> <span class="number">70px</span>,<span class="number">0</span> <span class="number">75px</span>,<span class="number">0</span> <span class="number">80px</span>,<span class="number">0</span> <span class="number">85px</span>,<span class="number">0</span> <span class="number">90px</span>,<span class="number">0</span> <span class="number">95px</span>,<span class="number">0</span> <span class="number">100px</span>,<span class="number">0</span> <span class="number">105px</span>,<span class="number">0</span> <span class="number">110px</span>,<span class="number">0</span> <span class="number">115px</span>,<span class="number">0</span> <span class="number">120px</span>,<span class="number">0</span> <span class="number">125px</span>;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">100%</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-repeat</span>: no-repeat;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.nyan-cat</span></span><br><span class="line"> <span class="attribute">position</span>: fixed;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">165px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100px</span>;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> <span class="attribute">margin-left</span>: -<span class="number">82px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: nyan <span class="number">400ms</span> step-start infinite;</span><br><span class="line"> <span class="attribute">animation</span>: nyan <span class="number">400ms</span> step-start infinite;</span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">19999</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.body</span></span><br><span class="line"> <span class="attribute">left</span>: <span class="number">35px</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">105px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">90px</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.head</span></span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">80px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">65px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: head <span class="number">400ms</span> linear infinite;</span><br><span class="line"> <span class="attribute">animation</span>: head <span class="number">400ms</span> linear infinite;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.rainbow</span></span><br><span class="line"> <span class="attribute">position</span>: fixed;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">35px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">65px</span>;</span><br><span class="line"> <span class="attribute">overflow</span>: hidden;</span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">18888</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-tag">span</span></span><br><span class="line"> <span class="attribute">display</span>: block;</span><br><span class="line"> <span class="attribute">position</span>: relative;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">130px</span>;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">80px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-repeat</span>: repeat-x;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: rainbow <span class="number">400ms</span> step-start infinite;</span><br><span class="line"> <span class="attribute">animation</span>: rainbow <span class="number">400ms</span> step-start infinite;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.feet</span></span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">75px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">120px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">25px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: feet <span class="number">400ms</span> infinite;</span><br><span class="line"> <span class="attribute">animation</span>: feet <span class="number">400ms</span> infinite;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.tail</span></span><br><span class="line"> <span class="attribute">position</span>: relative;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">30px</span>;</span><br><span class="line"> <span class="attribute">overflow</span>: hidden;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">30px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">10px</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-tag">span</span></span><br><span class="line"> <span class="attribute">width</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">120px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: tail <span class="number">200ms</span> step-start infinite alternate;</span><br><span class="line"> <span class="attribute">animation</span>: tail <span class="number">200ms</span> step-start infinite alternate;</span><br><span class="line"> </span><br><span class="line"> <span class="selector-class">.sparks-combo</span> </span><br><span class="line"> <span class="attribute">height</span>: <span class="number">300px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">200%</span>;</span><br><span class="line"> <span class="attribute">position</span>: relative;</span><br><span class="line"> <span class="attribute">animation</span>: woosh <span class="number">700ms</span> <span class="number">0ms</span> linear infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.spark</span> </span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">1</span>;</span><br><span class="line"> <span class="attribute">position</span>: absolute;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">background-color</span>: transparent;</span><br><span class="line"> <span class="attribute">background</span>: <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:before</span> </span><br><span class="line"> <span class="attribute">background</span>: <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:after</span> </span><br><span class="line"> <span class="attribute">background</span>: <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">11px</span>, transparent <span class="number">11px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">11px</span>, transparent <span class="number">11px</span>, transparent <span class="number">400px</span>) repeat-x;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:before</span>,<span class="selector-pseudo">&:after</span> </span><br><span class="line"> <span class="attribute">content</span>: <span class="string">''</span>;</span><br><span class="line"> <span class="attribute">position</span>: absolute;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">background-color</span>: transparent;</span><br><span class="line"> </span><br><span class="line"> </span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">1</span>) </span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">3</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">0ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">1</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">0ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">1</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">0ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">2</span>) </span><br><span class="line"> <span class="attribute">top</span>: <span class="number">40px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">170px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">200ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">2</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">200ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">2</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">200ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">3</span>) </span><br><span class="line"> <span class="attribute">top</span>: <span class="number">100px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">320px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">400ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">3</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">400ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">3</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">400ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">4</span>) </span><br><span class="line"> <span class="attribute">top</span>: <span class="number">150px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">200px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">600ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">4</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">600ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">4</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">600ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.body</span></span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">60px</span>, <span class="number">#f90297</span> <span class="number">60px</span>, <span class="number">#f90297</span> <span class="number">65px</span>, <span class="number">#fe91fe</span> <span class="number">65px</span>, <span class="number">#fe91fe</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">80px</span>, <span class="number">#f90297</span> <span class="number">80px</span>, <span class="number">#f90297</span> <span class="number">85px</span>, <span class="number">#fe91fe</span> <span class="number">85px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">40px</span>, <span class="number">#f90297</span> <span class="number">40px</span>, <span class="number">#f90297</span> <span class="number">45px</span>, <span class="number">#fe91fe</span> <span class="number">45px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">25px</span>, <span class="number">#f90297</span> <span class="number">25px</span>, <span class="number">#f90297</span> <span class="number">30px</span>, <span class="number">#fe91fe</span> <span class="number">30px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">15px</span>, <span class="number">#f90297</span> <span class="number">15px</span>, <span class="number">#f90297</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">35px</span>, <span class="number">#f90297</span> <span class="number">35px</span>, <span class="number">#f90297</span> <span class="number">40px</span>, <span class="number">#fe91fe</span> <span class="number">40px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>);</span><br><span class="line"> </span><br><span class="line"> <span class="selector-class">.head</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">30px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50px</span>, <span class="number">#000000</span> <span class="number">50px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">35px</span>, <span class="number">#000000</span> <span class="number">35px</span>, <span class="number">#000000</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#ffffff</span> <span class="number">20px</span>, <span class="number">#ffffff</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#ffffff</span> <span class="number">55px</span>, <span class="number">#ffffff</span> <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">45px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="number">#000000</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="number">#9d9d9d</span> <span class="number">45px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">65px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>);</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.rainbow</span> > <span class="selector-tag">span</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>);</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.feet</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">110px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">110px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">35px</span>, <span class="number">#9d9d9d</span> <span class="number">35px</span>, <span class="number">#9d9d9d</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">110px</span>, <span class="number">#000000</span> <span class="number">110px</span>, <span class="number">#000000</span> <span class="number">115px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">115px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">90px</span>, <span class="number">#000000</span> <span class="number">90px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>, <span class="number">#9d9d9d</span> <span class="number">105px</span>, <span class="number">#9d9d9d</span> <span class="number">115px</span>, <span class="number">#000000</span> <span class="number">115px</span>, <span class="number">#000000</span> <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>, <span class="number">#000000</span> <span class="number">80px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>, <span class="number">#000000</span> <span class="number">105px</span>, <span class="number">#000000</span> <span class="number">120px</span>);</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.tail</span> > <span class="selector-tag">span</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>);</span><br><span class="line"></span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> rainbow {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">65px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"></span><br><span class="line"><span class="keyword">@keyframes</span> rainbow {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">65px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> nyan {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">10%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">80%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">53px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> nyan {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">10%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">80%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">53px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> feet {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> feet {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> head {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">24.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">25%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">49.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">74.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">75%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">99.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> head {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">24.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">25%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">49.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">74.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">75%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">99.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> tail {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">25%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">49.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">74.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">75%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">99.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">90px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> tail {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">25%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">49.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">74.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">75%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">99.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">90px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> woosh {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">0px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">left</span>: -<span class="number">400px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> sparkly {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">17px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">16%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">0</span>, <span class="number">34px</span> <span class="number">17px</span>, <span class="number">17px</span> <span class="number">34px</span>, <span class="number">0</span> <span class="number">17px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">33%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">0</span>, <span class="number">34px</span> <span class="number">17px</span>, <span class="number">17px</span> <span class="number">34px</span>, <span class="number">0</span> <span class="number">17px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">17px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">66%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">11px</span>, <span class="number">400px</span> <span class="number">11px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">6px</span>, <span class="number">17px</span> <span class="number">23px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">83%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">11px</span> <span class="number">17px</span>, <span class="number">22px</span> <span class="number">17px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">17px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> sparkly-before {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">16%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">33%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">6px</span> <span class="number">6px</span>, <span class="number">29px</span> <span class="number">6px</span>, <span class="number">29px</span> <span class="number">29px</span>, <span class="number">6px</span> <span class="number">29px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">66%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">83%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">17px</span> <span class="number">12px</span>, <span class="number">17px</span> <span class="number">22px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> sparkly-after {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">16%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">33%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">11px</span>, <span class="number">400px</span> <span class="number">11px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">0</span>, <span class="number">17px</span> <span class="number">29px</span>, <span class="number">0</span> <span class="number">17px</span>, <span class="number">29px</span> <span class="number">17px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">66%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">6px</span> <span class="number">17px</span>, <span class="number">23px</span> <span class="number">17px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">83%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br></pre></td></tr></table></figure>
|
|
1236
|
+
<ol>
|
|
1237
|
+
<li>修改<code>[Blogroot]\_config.butterfly.yml</code>的<code>preloader.load_style</code>配置项<figure class="highlight yml"><table><tr><td class="code"><pre><span class="line"><span class="attr">preloader:</span></span><br><span class="line"> <span class="attr">enable:</span> <span class="literal">true</span></span><br><span class="line"> <span class="attr">load_color:</span> <span class="string">'#000000'</span> <span class="comment"># '#37474f'</span></span><br><span class="line"> <span class="attr">load_style:</span> <span class="string">nyancat</span> <span class="comment"># 这边改成nyancat</span></span><br></pre></td></tr></table></figure>
|
|
1238
|
+
</li>
|
|
1239
|
+
</ol>
|
|
1240
|
+
<h3 id="butterfly-4-5-以上方案"><a href="#butterfly-4-5-以上方案" class="headerlink" title="butterfly 4.5 以上方案"></a>butterfly 4.5 以上方案</h3><ol>
|
|
1241
|
+
<li>修改<code>[Blogroot]\themes\butterfly\layout\includes\loading\fullpage-loading.pug</code>，复制以下代码替换全部内容。<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">#loading-box(onclick='document.getElementById("loading-box").classList.add("loaded")')</span><br><span class="line"> .sparks-combo</span><br><span class="line"> .spark</span><br><span class="line"> .spark</span><br><span class="line"> .spark</span><br><span class="line"> .spark</span><br><span class="line"> .rainbow</span><br><span class="line"> span</span><br><span class="line"> .nyan-cat</span><br><span class="line"> .feet</span><br><span class="line"> .tail</span><br><span class="line"> span</span><br><span class="line"> .body</span><br><span class="line"> .head</span><br><span class="line"> script(src="/js/nyan.js")</span><br><span class="line"></span><br><span class="line">script.</span><br><span class="line"> const preloader = {</span><br><span class="line"> endLoading: () => {</span><br><span class="line"> document.body.style.overflow = 'auto';</span><br><span class="line"> document.getElementById('loading-box').classList.add("loaded")</span><br><span class="line"> },</span><br><span class="line"> initLoading: () => {</span><br><span class="line"> document.body.style.overflow = '';</span><br><span class="line"> document.getElementById('loading-box').classList.remove("loaded")</span><br><span class="line"></span><br><span class="line"> }</span><br><span class="line"> }</span><br><span class="line"> window.addEventListener('load',()=> { preloader.endLoading() })</span><br><span class="line"></span><br><span class="line"> if (!{theme.pjax && theme.pjax.enable}) {</span><br><span class="line"> document.addEventListener('pjax:send', () => { preloader.initLoading() })</span><br><span class="line"> document.addEventListener('pjax:complete', () => { preloader.endLoading() })</span><br><span class="line"> }</span><br></pre></td></tr></table></figure></li>
|
|
1242
|
+
<li>修改<code>[Blogroot]\themes\butterfly\layout\includes\loading\index.pug</code>，复制以下代码替换全部内容。<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">if theme.preloader.source === 1</span><br><span class="line"> include ./fullpage-loading.pug</span><br><span class="line">else if theme.preloader.source === 2</span><br><span class="line"> include ./pace.pug</span><br><span class="line">else</span><br><span class="line"> include ./fullpage-loading.pug</span><br><span class="line"> include ./pace.pug</span><br></pre></td></tr></table></figure></li>
|
|
1243
|
+
<li>修改<code>[Blogroot]\themes\butterfly\source\css\_layout\loading.styl</code>，复制以下代码替换全部内容。<figure class="highlight stylus"><table><tr><td class="code"><pre><span class="line"><span class="selector-id">#loading-box</span></span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">margin</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">padding</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background</span>: <span class="number">#036</span>;</span><br><span class="line"> <span class="attribute">overflow</span>: hidden;</span><br><span class="line"> <span class="attribute">position</span> : fixed;</span><br><span class="line"> <span class="attribute">font</span>: <span class="number">13px</span>/<span class="number">1.4</span> Helvetica, arial, freesans, clean, sans-serif, <span class="string">"Segoe UI Emoji"</span>, <span class="string">"Segoe UI Symbol"</span>;</span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">9999</span>;</span><br><span class="line"> <span class="attribute">opacity</span>: <span class="number">1</span>;</span><br><span class="line"></span><br><span class="line"> &<span class="selector-class">.loaded</span></span><br><span class="line"> <span class="attribute">opacity</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">z-index</span>: -<span class="number">1000</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.sprite</span>, <span class="selector-class">.body</span>, <span class="selector-class">.head</span>, <span class="selector-class">.rainbow</span> <span class="selector-tag">span</span>, <span class="selector-class">.feet</span>, <span class="selector-class">.tail</span> <span class="selector-tag">span</span>, <span class="selector-class">.stars</span> <span class="selector-class">.star</span></span><br><span class="line"> <span class="attribute">position</span>: absolute;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0px</span>,<span class="number">0</span> <span class="number">5px</span>,<span class="number">0</span> <span class="number">10px</span>,<span class="number">0</span> <span class="number">15px</span>,<span class="number">0</span> <span class="number">20px</span>,<span class="number">0</span> <span class="number">25px</span>,<span class="number">0</span> <span class="number">30px</span>,<span class="number">0</span> <span class="number">35px</span>,<span class="number">0</span> <span class="number">40px</span>,<span class="number">0</span> <span class="number">45px</span>,<span class="number">0</span> <span class="number">50px</span>,<span class="number">0</span> <span class="number">55px</span>,<span class="number">0</span> <span class="number">60px</span>,<span class="number">0</span> <span class="number">65px</span>,<span class="number">0</span> <span class="number">70px</span>,<span class="number">0</span> <span class="number">75px</span>,<span class="number">0</span> <span class="number">80px</span>,<span class="number">0</span> <span class="number">85px</span>,<span class="number">0</span> <span class="number">90px</span>,<span class="number">0</span> <span class="number">95px</span>,<span class="number">0</span> <span class="number">100px</span>,<span class="number">0</span> <span class="number">105px</span>,<span class="number">0</span> <span class="number">110px</span>,<span class="number">0</span> <span class="number">115px</span>,<span class="number">0</span> <span class="number">120px</span>,<span class="number">0</span> <span class="number">125px</span>;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">100%</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-repeat</span>: no-repeat;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.nyan-cat</span></span><br><span class="line"> <span class="attribute">position</span>: fixed;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">165px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100px</span>;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> <span class="attribute">margin-left</span>: -<span class="number">82px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: nyan <span class="number">400ms</span> step-start infinite;</span><br><span class="line"> <span class="attribute">animation</span>: nyan <span class="number">400ms</span> step-start infinite;</span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">19999</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.body</span></span><br><span class="line"> <span class="attribute">left</span>: <span class="number">35px</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">105px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">90px</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.head</span></span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">80px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">65px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: head <span class="number">400ms</span> linear infinite;</span><br><span class="line"> <span class="attribute">animation</span>: head <span class="number">400ms</span> linear infinite;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.rainbow</span></span><br><span class="line"> <span class="attribute">position</span>: fixed;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">35px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">65px</span>;</span><br><span class="line"> <span class="attribute">overflow</span>: hidden;</span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">18888</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-tag">span</span></span><br><span class="line"> <span class="attribute">display</span>: block;</span><br><span class="line"> <span class="attribute">position</span>: relative;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">130px</span>;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">80px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-repeat</span>: repeat-x;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: rainbow <span class="number">400ms</span> step-start infinite;</span><br><span class="line"> <span class="attribute">animation</span>: rainbow <span class="number">400ms</span> step-start infinite;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.feet</span></span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">75px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">120px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">25px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: feet <span class="number">400ms</span> infinite;</span><br><span class="line"> <span class="attribute">animation</span>: feet <span class="number">400ms</span> infinite;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.tail</span></span><br><span class="line"> <span class="attribute">position</span>: relative;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">30px</span>;</span><br><span class="line"> <span class="attribute">overflow</span>: hidden;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">30px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">10px</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-tag">span</span></span><br><span class="line"> <span class="attribute">width</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">120px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: tail <span class="number">200ms</span> step-start infinite alternate;</span><br><span class="line"> <span class="attribute">animation</span>: tail <span class="number">200ms</span> step-start infinite alternate;</span><br><span class="line"> </span><br><span class="line"> <span class="selector-class">.sparks-combo</span> </span><br><span class="line"> <span class="attribute">height</span>: <span class="number">300px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">200%</span>;</span><br><span class="line"> <span class="attribute">position</span>: relative;</span><br><span class="line"> <span class="attribute">animation</span>: woosh <span class="number">700ms</span> <span class="number">0ms</span> linear infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.spark</span> </span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">1</span>;</span><br><span class="line"> <span class="attribute">position</span>: absolute;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">background-color</span>: transparent;</span><br><span class="line"> <span class="attribute">background</span>: <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:before</span> </span><br><span class="line"> <span class="attribute">background</span>: <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:after</span> </span><br><span class="line"> <span class="attribute">background</span>: <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">11px</span>, transparent <span class="number">11px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">11px</span>, transparent <span class="number">11px</span>, transparent <span class="number">400px</span>) repeat-x;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:before</span>,<span class="selector-pseudo">&:after</span> </span><br><span class="line"> <span class="attribute">content</span>: <span class="string">''</span>;</span><br><span class="line"> <span class="attribute">position</span>: absolute;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">background-color</span>: transparent;</span><br><span class="line"> </span><br><span class="line"> </span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">1</span>) </span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">3</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">0ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">1</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">0ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">1</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">0ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">2</span>) </span><br><span class="line"> <span class="attribute">top</span>: <span class="number">40px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">170px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">200ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">2</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">200ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">2</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">200ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">3</span>) </span><br><span class="line"> <span class="attribute">top</span>: <span class="number">100px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">320px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">400ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">3</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">400ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">3</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">400ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">4</span>) </span><br><span class="line"> <span class="attribute">top</span>: <span class="number">150px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">200px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">600ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">4</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">600ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">4</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">600ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.body</span></span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">60px</span>, <span class="number">#f90297</span> <span class="number">60px</span>, <span class="number">#f90297</span> <span class="number">65px</span>, <span class="number">#fe91fe</span> <span class="number">65px</span>, <span class="number">#fe91fe</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">80px</span>, <span class="number">#f90297</span> <span class="number">80px</span>, <span class="number">#f90297</span> <span class="number">85px</span>, <span class="number">#fe91fe</span> <span class="number">85px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">40px</span>, <span class="number">#f90297</span> <span class="number">40px</span>, <span class="number">#f90297</span> <span class="number">45px</span>, <span class="number">#fe91fe</span> <span class="number">45px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">25px</span>, <span class="number">#f90297</span> <span class="number">25px</span>, <span class="number">#f90297</span> <span class="number">30px</span>, <span class="number">#fe91fe</span> <span class="number">30px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">15px</span>, <span class="number">#f90297</span> <span class="number">15px</span>, <span class="number">#f90297</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">35px</span>, <span class="number">#f90297</span> <span class="number">35px</span>, <span class="number">#f90297</span> <span class="number">40px</span>, <span class="number">#fe91fe</span> <span class="number">40px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>);</span><br><span class="line"> </span><br><span class="line"> <span class="selector-class">.head</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">30px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50px</span>, <span class="number">#000000</span> <span class="number">50px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">35px</span>, <span class="number">#000000</span> <span class="number">35px</span>, <span class="number">#000000</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#ffffff</span> <span class="number">20px</span>, <span class="number">#ffffff</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#ffffff</span> <span class="number">55px</span>, <span class="number">#ffffff</span> <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">45px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="number">#000000</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="number">#9d9d9d</span> <span class="number">45px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">65px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>);</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.rainbow</span> > <span class="selector-tag">span</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>);</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.feet</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">110px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">110px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">35px</span>, <span class="number">#9d9d9d</span> <span class="number">35px</span>, <span class="number">#9d9d9d</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">110px</span>, <span class="number">#000000</span> <span class="number">110px</span>, <span class="number">#000000</span> <span class="number">115px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">115px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">90px</span>, <span class="number">#000000</span> <span class="number">90px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>, <span class="number">#9d9d9d</span> <span class="number">105px</span>, <span class="number">#9d9d9d</span> <span class="number">115px</span>, <span class="number">#000000</span> <span class="number">115px</span>, <span class="number">#000000</span> <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>, <span class="number">#000000</span> <span class="number">80px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>, <span class="number">#000000</span> <span class="number">105px</span>, <span class="number">#000000</span> <span class="number">120px</span>);</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.tail</span> > <span class="selector-tag">span</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>);</span><br><span class="line"></span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> rainbow {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">65px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"></span><br><span class="line"><span class="keyword">@keyframes</span> rainbow {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">65px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> nyan {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">10%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">80%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">53px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> nyan {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">10%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">80%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">53px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> feet {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> feet {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> head {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">24.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">25%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">49.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">74.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">75%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">99.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> head {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">24.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">25%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">49.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">74.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">75%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">99.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> tail {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">25%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">49.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">74.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">75%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">99.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">90px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> tail {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">25%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">49.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">74.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">75%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">99.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">90px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> woosh {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">0px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">left</span>: -<span class="number">400px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> sparkly {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">17px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">16%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">0</span>, <span class="number">34px</span> <span class="number">17px</span>, <span class="number">17px</span> <span class="number">34px</span>, <span class="number">0</span> <span class="number">17px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">33%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">0</span>, <span class="number">34px</span> <span class="number">17px</span>, <span class="number">17px</span> <span class="number">34px</span>, <span class="number">0</span> <span class="number">17px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">17px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">66%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">11px</span>, <span class="number">400px</span> <span class="number">11px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">6px</span>, <span class="number">17px</span> <span class="number">23px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">83%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">11px</span> <span class="number">17px</span>, <span class="number">22px</span> <span class="number">17px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">17px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> sparkly-before {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">16%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">33%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">6px</span> <span class="number">6px</span>, <span class="number">29px</span> <span class="number">6px</span>, <span class="number">29px</span> <span class="number">29px</span>, <span class="number">6px</span> <span class="number">29px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">66%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">83%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">17px</span> <span class="number">12px</span>, <span class="number">17px</span> <span class="number">22px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> sparkly-after {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">16%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">33%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">11px</span>, <span class="number">400px</span> <span class="number">11px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">0</span>, <span class="number">17px</span> <span class="number">29px</span>, <span class="number">0</span> <span class="number">17px</span>, <span class="number">29px</span> <span class="number">17px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">66%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">6px</span> <span class="number">17px</span>, <span class="number">23px</span> <span class="number">17px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">83%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br></pre></td></tr></table></figure>
|
|
1244
|
+
最后修改<code>_config.butterfly.yml</code>中<code>preloader</code>选项, 改完以后<code>source: 1</code>为满屏加载无pace胶囊,<code>source: 2</code>为pace胶囊无满屏动画, <code>source: 3</code>是两者都启用。<psw>（这边懒得说就搬运的鱼佬那加载动画的教程了。。。。。反正都一样。。。。。）</psw><figure class="highlight yml"><table><tr><td class="code"><pre><span class="line"><span class="comment"># Loading Animation (加载动画)</span></span><br><span class="line"><span class="attr">preloader:</span></span><br><span class="line"> <span class="attr">enable:</span> <span class="literal">true</span></span><br><span class="line"> <span class="comment"># source</span></span><br><span class="line"> <span class="comment"># 1. fullpage-loading</span></span><br><span class="line"> <span class="comment"># 2. pace (progress bar)</span></span><br><span class="line"> <span class="comment"># else all</span></span><br><span class="line"> <span class="attr">source:</span> <span class="number">3</span></span><br><span class="line"> <span class="comment"># pace theme (see https://codebyzach.github.io/pace/)</span></span><br><span class="line"> <span class="attr">pace_css_url:</span> <span class="string">/css/progress_bar.css</span></span><br><span class="line"> <span class="attr">avatar:</span> <span class="comment"># 自定义头像</span></span><br></pre></td></tr></table></figure>
|
|
1245
|
+
</li>
|
|
1246
|
+
</ol>
|
|
1247
|
+
<h3 id="butterfly-4-4-2-以下版本方案"><a href="#butterfly-4-4-2-以下版本方案" class="headerlink" title="butterfly 4.4.2 以下版本方案"></a>butterfly 4.4.2 以下版本方案</h3><ol>
|
|
1248
|
+
<li><p>修改<code>[Blogroot]\themes\butterfly\source\css\_layout\loading.styl</code>，复制以下代码替换全部内容。</p>
|
|
1249
|
+
<figure class="highlight stylus"><table><tr><td class="code"><pre><span class="line"><span class="selector-id">#loading-box</span></span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">margin</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">padding</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background</span>: <span class="number">#036</span>;</span><br><span class="line"> <span class="attribute">overflow</span>: hidden;</span><br><span class="line"> <span class="attribute">position</span> : fixed;</span><br><span class="line"> <span class="attribute">font</span>: <span class="number">13px</span>/<span class="number">1.4</span> Helvetica, arial, freesans, clean, sans-serif, <span class="string">"Segoe UI Emoji"</span>, <span class="string">"Segoe UI Symbol"</span>;</span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">9999</span>;</span><br><span class="line"> <span class="attribute">opacity</span>: <span class="number">1</span>;</span><br><span class="line"></span><br><span class="line"> &<span class="selector-class">.loaded</span></span><br><span class="line"> <span class="attribute">opacity</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">z-index</span>: -<span class="number">1000</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.sprite</span>, <span class="selector-class">.body</span>, <span class="selector-class">.head</span>, <span class="selector-class">.rainbow</span> <span class="selector-tag">span</span>, <span class="selector-class">.feet</span>, <span class="selector-class">.tail</span> <span class="selector-tag">span</span>, <span class="selector-class">.stars</span> <span class="selector-class">.star</span></span><br><span class="line"> <span class="attribute">position</span>: absolute;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0px</span>,<span class="number">0</span> <span class="number">5px</span>,<span class="number">0</span> <span class="number">10px</span>,<span class="number">0</span> <span class="number">15px</span>,<span class="number">0</span> <span class="number">20px</span>,<span class="number">0</span> <span class="number">25px</span>,<span class="number">0</span> <span class="number">30px</span>,<span class="number">0</span> <span class="number">35px</span>,<span class="number">0</span> <span class="number">40px</span>,<span class="number">0</span> <span class="number">45px</span>,<span class="number">0</span> <span class="number">50px</span>,<span class="number">0</span> <span class="number">55px</span>,<span class="number">0</span> <span class="number">60px</span>,<span class="number">0</span> <span class="number">65px</span>,<span class="number">0</span> <span class="number">70px</span>,<span class="number">0</span> <span class="number">75px</span>,<span class="number">0</span> <span class="number">80px</span>,<span class="number">0</span> <span class="number">85px</span>,<span class="number">0</span> <span class="number">90px</span>,<span class="number">0</span> <span class="number">95px</span>,<span class="number">0</span> <span class="number">100px</span>,<span class="number">0</span> <span class="number">105px</span>,<span class="number">0</span> <span class="number">110px</span>,<span class="number">0</span> <span class="number">115px</span>,<span class="number">0</span> <span class="number">120px</span>,<span class="number">0</span> <span class="number">125px</span>;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">100%</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-repeat</span>: no-repeat;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.nyan-cat</span></span><br><span class="line"> <span class="attribute">position</span>: fixed;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">165px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100px</span>;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> <span class="attribute">margin-left</span>: -<span class="number">82px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: nyan <span class="number">400ms</span> step-start infinite;</span><br><span class="line"> <span class="attribute">animation</span>: nyan <span class="number">400ms</span> step-start infinite;</span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">19999</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.body</span></span><br><span class="line"> <span class="attribute">left</span>: <span class="number">35px</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">105px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">90px</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.head</span></span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">80px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">65px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: head <span class="number">400ms</span> linear infinite;</span><br><span class="line"> <span class="attribute">animation</span>: head <span class="number">400ms</span> linear infinite;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.rainbow</span></span><br><span class="line"> <span class="attribute">position</span>: fixed;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">35px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">65px</span>;</span><br><span class="line"> <span class="attribute">overflow</span>: hidden;</span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">18888</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-tag">span</span></span><br><span class="line"> <span class="attribute">display</span>: block;</span><br><span class="line"> <span class="attribute">position</span>: relative;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">130px</span>;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">80px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-repeat</span>: repeat-x;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: rainbow <span class="number">400ms</span> step-start infinite;</span><br><span class="line"> <span class="attribute">animation</span>: rainbow <span class="number">400ms</span> step-start infinite;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.feet</span></span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">75px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">120px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">25px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: feet <span class="number">400ms</span> infinite;</span><br><span class="line"> <span class="attribute">animation</span>: feet <span class="number">400ms</span> infinite;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.tail</span></span><br><span class="line"> <span class="attribute">position</span>: relative;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">30px</span>;</span><br><span class="line"> <span class="attribute">overflow</span>: hidden;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">30px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">10px</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-tag">span</span></span><br><span class="line"> <span class="attribute">width</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">120px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: tail <span class="number">200ms</span> step-start infinite alternate;</span><br><span class="line"> <span class="attribute">animation</span>: tail <span class="number">200ms</span> step-start infinite alternate;</span><br><span class="line"> </span><br><span class="line"> <span class="selector-class">.sparks-combo</span> </span><br><span class="line"> <span class="attribute">height</span>: <span class="number">300px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">200%</span>;</span><br><span class="line"> <span class="attribute">position</span>: relative;</span><br><span class="line"> <span class="attribute">animation</span>: woosh <span class="number">700ms</span> <span class="number">0ms</span> linear infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.spark</span> </span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">1</span>;</span><br><span class="line"> <span class="attribute">position</span>: absolute;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">background-color</span>: transparent;</span><br><span class="line"> <span class="attribute">background</span>: <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:before</span> </span><br><span class="line"> <span class="attribute">background</span>: <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:after</span> </span><br><span class="line"> <span class="attribute">background</span>: <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">11px</span>, transparent <span class="number">11px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">11px</span>, transparent <span class="number">11px</span>, transparent <span class="number">400px</span>) repeat-x;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:before</span>,<span class="selector-pseudo">&:after</span> </span><br><span class="line"> <span class="attribute">content</span>: <span class="string">''</span>;</span><br><span class="line"> <span class="attribute">position</span>: absolute;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">background-color</span>: transparent;</span><br><span class="line"> </span><br><span class="line"> </span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">1</span>) </span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">3</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">0ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">1</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">0ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">1</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">0ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">2</span>) </span><br><span class="line"> <span class="attribute">top</span>: <span class="number">40px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">170px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">200ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">2</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">200ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">2</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">200ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">3</span>) </span><br><span class="line"> <span class="attribute">top</span>: <span class="number">100px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">320px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">400ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">3</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">400ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">3</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">400ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">4</span>) </span><br><span class="line"> <span class="attribute">top</span>: <span class="number">150px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">200px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">600ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">4</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">600ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&:nth-child</span>(<span class="number">4</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">600ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.body</span></span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">60px</span>, <span class="number">#f90297</span> <span class="number">60px</span>, <span class="number">#f90297</span> <span class="number">65px</span>, <span class="number">#fe91fe</span> <span class="number">65px</span>, <span class="number">#fe91fe</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">80px</span>, <span class="number">#f90297</span> <span class="number">80px</span>, <span class="number">#f90297</span> <span class="number">85px</span>, <span class="number">#fe91fe</span> <span class="number">85px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">40px</span>, <span class="number">#f90297</span> <span class="number">40px</span>, <span class="number">#f90297</span> <span class="number">45px</span>, <span class="number">#fe91fe</span> <span class="number">45px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">25px</span>, <span class="number">#f90297</span> <span class="number">25px</span>, <span class="number">#f90297</span> <span class="number">30px</span>, <span class="number">#fe91fe</span> <span class="number">30px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">15px</span>, <span class="number">#f90297</span> <span class="number">15px</span>, <span class="number">#f90297</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">35px</span>, <span class="number">#f90297</span> <span class="number">35px</span>, <span class="number">#f90297</span> <span class="number">40px</span>, <span class="number">#fe91fe</span> <span class="number">40px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>);</span><br><span class="line"> </span><br><span class="line"> <span class="selector-class">.head</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">30px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50px</span>, <span class="number">#000000</span> <span class="number">50px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">35px</span>, <span class="number">#000000</span> <span class="number">35px</span>, <span class="number">#000000</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#ffffff</span> <span class="number">20px</span>, <span class="number">#ffffff</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#ffffff</span> <span class="number">55px</span>, <span class="number">#ffffff</span> <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">45px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="number">#000000</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="number">#9d9d9d</span> <span class="number">45px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">65px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>);</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.rainbow</span> > <span class="selector-tag">span</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>);</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.feet</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">110px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">110px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">35px</span>, <span class="number">#9d9d9d</span> <span class="number">35px</span>, <span class="number">#9d9d9d</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">110px</span>, <span class="number">#000000</span> <span class="number">110px</span>, <span class="number">#000000</span> <span class="number">115px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">115px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">90px</span>, <span class="number">#000000</span> <span class="number">90px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>, <span class="number">#9d9d9d</span> <span class="number">105px</span>, <span class="number">#9d9d9d</span> <span class="number">115px</span>, <span class="number">#000000</span> <span class="number">115px</span>, <span class="number">#000000</span> <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>, <span class="number">#000000</span> <span class="number">80px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>, <span class="number">#000000</span> <span class="number">105px</span>, <span class="number">#000000</span> <span class="number">120px</span>);</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.tail</span> > <span class="selector-tag">span</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>);</span><br><span class="line"></span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> rainbow {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">65px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"></span><br><span class="line"><span class="keyword">@keyframes</span> rainbow {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">65px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> nyan {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">10%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">80%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">53px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> nyan {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">10%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">80%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">53px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> feet {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> feet {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> head {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">24.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">25%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">49.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">74.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">75%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">99.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> head {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">24.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">25%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">49.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">74.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">75%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">99.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> tail {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">25%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">49.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">74.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">75%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">99.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">90px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> tail {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">25%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">49.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">74.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">75%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">99.99%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">90px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> woosh {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">0px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">left</span>: -<span class="number">400px</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> sparkly {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">17px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">16%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">0</span>, <span class="number">34px</span> <span class="number">17px</span>, <span class="number">17px</span> <span class="number">34px</span>, <span class="number">0</span> <span class="number">17px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">33%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">0</span>, <span class="number">34px</span> <span class="number">17px</span>, <span class="number">17px</span> <span class="number">34px</span>, <span class="number">0</span> <span class="number">17px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">17px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">66%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">11px</span>, <span class="number">400px</span> <span class="number">11px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">6px</span>, <span class="number">17px</span> <span class="number">23px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">83%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">11px</span> <span class="number">17px</span>, <span class="number">22px</span> <span class="number">17px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">17px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> sparkly-before {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">16%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">33%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">6px</span> <span class="number">6px</span>, <span class="number">29px</span> <span class="number">6px</span>, <span class="number">29px</span> <span class="number">29px</span>, <span class="number">6px</span> <span class="number">29px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">66%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">83%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">17px</span> <span class="number">12px</span>, <span class="number">17px</span> <span class="number">22px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"><span class="keyword">@keyframes</span> sparkly-after {</span><br><span class="line"> <span class="number">0%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">16%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">33%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">50%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">11px</span>, <span class="number">400px</span> <span class="number">11px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">0</span>, <span class="number">17px</span> <span class="number">29px</span>, <span class="number">0</span> <span class="number">17px</span>, <span class="number">29px</span> <span class="number">17px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">66%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">6px</span> <span class="number">17px</span>, <span class="number">23px</span> <span class="number">17px</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">83%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line"> <span class="number">100%</span> {</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> }</span><br><span class="line">}</span><br></pre></td></tr></table></figure>
|
|
1250
|
+
</li>
|
|
1251
|
+
<li><p>修改<code>[Blogroot]\themes\butterfly\layout\includes\loading\fullpage-loading.pug</code>，复制以下代码替换全部内容。</p>
|
|
1252
|
+
</li>
|
|
1253
|
+
</ol>
|
|
1254
|
+
<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">#loading-box(onclick='document.getElementById("loading-box").classList.add("loaded")')</span><br><span class="line"> .sparks-combo</span><br><span class="line"> .spark</span><br><span class="line"> .spark</span><br><span class="line"> .spark</span><br><span class="line"> .spark</span><br><span class="line"> .rainbow</span><br><span class="line"> span</span><br><span class="line"> .nyan-cat</span><br><span class="line"> .feet</span><br><span class="line"> .tail</span><br><span class="line"> span</span><br><span class="line"> .body</span><br><span class="line"> .head</span><br><span class="line"> script(src="/js/nyan.js")</span><br></pre></td></tr></table></figure>
|
|
1255
|
+
]]></content>
|
|
1256
|
+
<categories>
|
|
1257
|
+
<category>站点折腾</category>
|
|
1258
|
+
</categories>
|
|
1259
|
+
<tags>
|
|
1260
|
+
<tag>站点折腾</tag>
|
|
1261
|
+
<tag>加载动画</tag>
|
|
1262
|
+
</tags>
|
|
1263
|
+
</entry>
|
|
1264
1264
|
<entry>
|
|
1265
1265
|
<title>自建Meting服务</title>
|
|
1266
1266
|
<url>/posts/61417/</url>
|