CSS3绘制酷炫霓虹灯圆环圆点加载动画特效.zip资源-CSDN文库

共3个文件

js：1个

html：1个

css：1个

需积分: 5 123 浏览量 2022-10-31 02:14:45 上传评论收藏 5KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

CSS3绘制酷炫霓虹灯圆环圆点加载动画特效.zip （3个子文件）

132677963316230792

likecs.com_132677963323357619

css

style.css 2KB

index.html 5KB

prefixfree.min.js 6KB

<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>CSS3彩色圆形亮点加载特效 - 脚本之家</title> <link rel="stylesheet" href="css/style.css"> <script src="js/prefixfree.min.js"></script> </head> <body> <style> body { --tan: 0.087; --m: 3 }.lyr:nth-child(1) { --c: 0 }.lyr:nth-child(2) { --c: 1 }.lyr:nth-child(3) { --c: 2 } </style> <div class="dot" style="--k: 0"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.028"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.056"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.083"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.111"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.139"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.167"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.194"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.222"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.25"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.278"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.306"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.333"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.361"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.389"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.417"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.444"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.472"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.5"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.528"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.556"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.583"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.611"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.639"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.667"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.694"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.722"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.75"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.778"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.806"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.833"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.861"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.889"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.917"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.944"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div class="dot" style="--k: 0.972"> <div class="lyr"></div> <div class="lyr"></div> <div class="lyr"></div> </div> <div style="text-align:center;margin:20px 0; font:normal 14px/24px 'MicroSoft YaHei';color:#ffffff"> <p>适用浏览器：Chrome、FireFox、360、搜狗、Opera、傲游. 不支持Windows版Safari、IE8及以下浏览器。</p> <p>来源：<a href="https://www.jb51.net/" target="_blank">脚本之家</a></p> </div> </body> </html>

评论收藏

内容反馈