分享一款好看的倒计时文字代码，如果倒计时 3 对你来说不够，你可以添加额外的色块和颜色。
效果预览
HTML代码
<div class="demo">
<div class="demo__colored-blocks">
<div class="demo__colored-blocks-rotater">
<div class="demo__colored-block"></div>
<div class="demo__colored-block"></div>
<div class="demo__colored-block"></div>
</div>
<div class="demo__colored-blocks-inner"></div>
<div class="demo__text">狐狸库</div>
</div>
<div class="demo__inner">
<svg class="demo__numbers" viewBox="0 0 100 100">
<defs>
<path class="demo__num-path-1" d="M40,28 55,22 55,78"/>
<path class="demo__num-join-1-2" d="M55,78 55,83 a17,17 0 1,0 34,0 a20,10 0 0,0 -20,-10"/>
<path class="demo__num-path-2" d="M69,73 l-35,0 l30,-30 a16,16 0 0,0 -22.6,-22.6 l-7,7"/>
<path class="demo__num-join-2-3" d="M28,69 Q25,44 34.4,27.4"/>
<path class="demo__num-path-3" d="M30,20 60,20 40,50 a18,15 0 1,1 -12,19"/>
</defs>
<path class="demo__numbers-path"
d="M-10,20 60,20 40,50 a18,15 0 1,1 -12,19
Q25,44 34.4,27.4
l7,-7 a16,16 0 0,1 22.6,22.6 l-30,30 l35,0 L69,73
a20,10 0 0,1 20,10 a17,17 0 0,1 -34,0 L55,83
l0,-61 L40,28" />
</svg>
</div>
</div>CSS代码
网络收集
虚拟资源
自动发货
永久使用
本站资源均为作者提供和网友推荐收集整理而来，仅供学习和研究使用，请在下载后24小时内删除，谢谢合作！
付费阅读
© 版权声明
THE END
![WordPress子比主题美化教程合集[2023/04/17]-狐狸库](https://huliku.com/pic/2023032607024935.png)
![狐狸库自定义子比主题底部footer页脚美化（自适应）[06.26]更新-狐狸库](https://huliku.com/pic/2023062610013835.png)
请登录后查看评论内容