1 Star 0 Fork 0

yuzhihong123/总结run

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
index.html 2.47 KB
一键复制 编辑 原始数据 按行查看 历史
yuzhihong123 提交于 2023-02-20 13:28 . run
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="/harbor/assets/favicon.03d6d6da.ico">
<title>threejs-vue3</title>
<style>
.spinner {
position: absolute;
padding: 0px;
margin: 0px;
left: 0px;
top: 0px;
bottom: 0px;
width: 100%;
height: 100%;
/* background-color: rgba(39, 36, 36,0.2); */
text-align: center;
font-size: 10px;
}
.spinner > div {
margin-top: 440px;
background-color: #48d1cc;
height: 30px;
width: 6px;
display: inline-block;
-webkit-animation: stretchDelay 1.2s infinite ease-in-out;
animation: stretchDelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.spinner .rect3 {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.spinner .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.spinner .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes stretchDelay {
0%,
40%,
100% {
-webkit-transform: scaleY(0.4);
}
20% {
-webkit-transform: scaleY(1);
}
}
@keyframes stretchDelay {
0%,
40%,
100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
}
20% {
transform: scaleY(1);
-webkit-transform: scaleY(1);
}
}
</style>
<script type="module" crossorigin src="/harbor/assets/index.d381a6ff.js"></script>
<link rel="stylesheet" href="/harbor/assets/index.4a15c397.css">
</head>
<body>
<!-- End GrowingIO Analytics code version: 2.1 -->
<noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app">
<div class="spinner">
<div class="rect1"></div>
<div class="rect2"></div>
<div class="rect3"></div>
<div class="rect4"></div>
<div class="rect5"></div>
</div>
</div>
<!-- built files will be auto injected -->
</body>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/yuzhihong-123/summary-run.git
git@gitee.com:yuzhihong-123/summary-run.git
yuzhihong-123
summary-run
总结run
main

搜索帮助