mirror of
https://github.com/tjy-gitnub/win12.git
synced 2026-08-31 01:55:35 +08:00
User782Tec
c64c79742f
- 为网站添加Favicon和标题 - Edge浏览器中，超出标签页范围的文字将会被隐藏以避免文字溢出的问题 - 微调Edge浏览器中加载动画的位置 - 新增了开机音效和登录界面 - 格式化部分文档
64 lines
2.1 KiB
HTML
64 lines
2.1 KiB
HTML
<html style="height:100%;">
|
|
|
|
<head>
|
|
<style>
|
|
body {
|
|
background: linear-gradient(130deg, #ad6ecaee, #3b91d8ee);
|
|
}
|
|
|
|
loading>svg>circle:first-child {
|
|
stroke: #fff;
|
|
fill: none;
|
|
stroke-width: 2px;
|
|
stroke-linecap: round;
|
|
animation: spin-infinite 1.8s linear 0s infinite normal none running;
|
|
transform-origin: 50% 50%;
|
|
transition: all .2s ease-in-out 0s
|
|
}
|
|
|
|
loading>svg>circle:last-child {
|
|
fill: #00000000
|
|
}
|
|
|
|
loading>svg {
|
|
background-color: #00000000;
|
|
border-radius: 50%
|
|
}
|
|
|
|
@keyframes spin-infinite {
|
|
0% {
|
|
stroke-dasharray: .01px, 43.97px;
|
|
tansform: rotate(0deg)
|
|
}
|
|
|
|
50% {
|
|
stroke-dasharray: 21.99px, 21.99px;
|
|
transform: rotate(450deg)
|
|
}
|
|
|
|
to {
|
|
stroke-dasharray: .01px, 43.97px;
|
|
transform: rotate(3turn)
|
|
}
|
|
}
|
|
</style>
|
|
<meta http-equiv="refresh" content="6;desktop.html">
|
|
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
|
|
<title>Win12</title>
|
|
</head>
|
|
|
|
<body onload="document.getElementById('backdrop').style.opacity=1;document.getElementById('ld').style.opacity=1;document.getElementById('ldt').style.opacity=1;">
|
|
<div id="backdrop" style="transition:1.5s;backdrop-filter:blur(30px);width:100%;height:100%;position:absolute;top:0;left:0;background-color:#6f6f6f50;opacity:0"></div>
|
|
<loading id="ld" style="transition:2s;opacity:0">
|
|
<svg style="position:absolute;left:calc(50% - 25px);top:calc(50% - 35px)" width="50px" height="50px" viewBox="0 0 16 16">
|
|
<circle cx="8px" cy="8px" r="7px"></circle>
|
|
<circle cx="8px" cy="8px" r="6px"></circle>
|
|
</svg>
|
|
</loading>
|
|
<p id="ldt" style="transition:1.5s;opacity:0;width:100px;left:calc(50% - 50px);text-align:center;position:absolute;top:calc(50% + 5px);color:#fff;font-size:20px">
|
|
正在重启
|
|
</p>
|
|
</body>
|
|
|
|
</html>
|