zhangdeman/html
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: zhangdeman:025f407677dc5e86dc6cdc2f87f625c6253f6e53
Branches Tags
zhangdeman:master
...
compare: zhangdeman:master
Branches Tags
zhangdeman:master

1 Commits
025f407677 ... master

Author SHA1 Message Date
白茶清欢
1e3df77979 update 2021-12-03 00:05:28 +08:00
1 changed files with 146 additions and 1 deletions
Show Stats Expand all files Collapse all files

147
404.html
View File

@ -4,8 +4,153 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>该页面不存在-404</title> <title>该页面不存在-404</title>
<link rel="shortcut icon" href="favicon.ico"> <link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="./style.css"> <!--link rel="stylesheet" href="./style.css"-->
<style type="text/css">
.main{
margin-top: 15%;
}
.st0{fill:#fff}
.st2{fill:#5d89af}
.st3{fill:#709abf}
.st4,.st6{
fill:#fff;
stroke:#b3dcdf;
stroke-miterlimit:10
}
.st6{
stroke:#5d89af;
stroke-width:2
}
.st7,.st8,.st9{
stroke:#709abf;
stroke-miterlimit:10
}
.st7{
stroke-width:5;
stroke-linecap:round;
fill:none
}
.st8,.st9{
fill:#fff
}
.st9{
fill:none
}
.st10{
}
#cloud1{
animation: cloud003 15s linear infinite;
}
#cloud2{
animation: cloud002 25s linear infinite;
}
#cloud3{
animation: cloud003 20s linear infinite;
}
#cloud4{
animation: float 4s linear infinite;
}
#cloud5{
animation: float 8s linear infinite;
}
#cloud7{
animation: float 5s linear infinite;
}
#tracks{
animation: slide 650ms linear infinite;
}
#bumps{
animation: land 10000ms linear infinite;
}
@keyframes jig {
0% { transform: translateY(0px); }
50% { transform: translateY(1px); }
100% { transform: translateY(0px); }
}
#car-layers{
animation: jig 0.35s linear infinite;
}
@keyframes land {
from { transform: translateX(0); }
to { transform: translateX(1000px); }
}
@keyframes slide {
from { transform: translateX(0px); }
to { transform: translateX(100px); }
}
/* @keyframes cloudFloat {
0% { transform: translateX(0) translateY(3px); }
100% { transform: translateX(1000px) translateY(0); }
} */
@keyframes cloud001 {
0% { transform: translateX(-1000px) translateY(3px); }
100% { transform: translateX(1000px) translateY(0); }
}
@keyframes cloud002 {
0% { transform: translateX(-1000px) translateY(3px); }
100% { transform: translateX(1000px) translateY(0); }
}
@keyframes cloud003 {
0% { transform: translateX(-1000px) translateY(3px); }
100% { transform: translateX(1000px) translateY(0); }
}
@keyframes float {
0% { transform: translateY(0px) translateX(0); }
50% { transform: translateY(8px) translateX(5px); }
100% { transform: translateY(0px) translateX(0); }
}
#bracefront, #braceback{
animation: braces 1s linear infinite;
}
@keyframes braces {
0% { transform: translateX(-2px); }
25% { transform: translateX(3px); }
50% { transform: translateX(-2px); }
75% { transform: translateX(3px); }
100% { transform: translateX(-2px); }
}
.jump {
text-align:center;
margin: auto;
width: 50%;
padding: 20px;
}
a {
padding: 30px 54px;
color: #5d89af;
font-size: 28px;
font-weight: bold;
border-radius: 4px;
background: #b3dcdf;
text-decoration: none;
}
</style>
</head> </head>
<body> <body>
<!-- partial:index.partial.html --> <!-- partial:index.partial.html -->