<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>CSS 404页面- vfaner.com</title>
<style>
@import url("https://fonts.googleapis.com/css?family=Lato|Russo+One");
*,
*:after,
*:before {
box-sizing: border-box;
}
body {
padding: 0;
margin: 0;
}
.container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
overflow: hidden;
}
.container-star {
background-image: linear-gradient(to bottom, #292256 0%, #8446cf 70%, #a871d6 100%);
}
.container-star:after {
background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(15, 10, 38, 0.2) 100%);
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.star-1 {
position: absolute;
border-radius: 50%;
background-color: #ffffff;
-webkit-animation: twinkle 5s infinite ease-in-out;
animation: twinkle 5s infinite ease-in-out;
}
.star-1:after {
height: 100%;
width: 100%;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
content: "";
position: absolute;
background-color: #fff;
border-radius: 50%;
}
.star-1:before {
background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);
position: absolute;
border-radius: 50%;
content: "";
top: -20%;
left: -50%;
}
.star-1:nth-of-type(1) {
top: 78vh;
left: 44vw;
width: 9px;
height: 3px;
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.star-1:nth-of-type(1):before {
width: 18px;
height: 18px;
top: -250%;
}
.star-1:nth-of-type(2) {
top: 94vh;
left: 67vw;
width: 6px;
height: 2px;
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.star-1:nth-of-type(2):before {
width: 12px;
height: 12px;
top: -250%;
}
.star-1:nth-of-type(3) {
top: 41vh;
left: 66vw;
width: 6px;
height: 2px;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.star-1:nth-of-type(3):before {
width: 12px;
height: 12px;
top: -250%;
}
.star-1:nth-of-type(4) {
top: 72vh;
left: 77vw;
width: 9px;
height: 3px;
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.star-1:nth-of-type(4):before {
width: 18px;
height: 18px;
top: -250%;
}
.star-1:nth-of-type(5) {
top: 14vh;
left: 68vw;
width: 9px;
height: 3px;
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.star-1:nth-of-type(5):before {
width: 18px;
height: 18px;
top: -250%;
}
.star-1:nth-of-type(6) {
top: 26vh;
left: 79vw;
width: 6px;
height: 2px;
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.star-1:nth-of-type(6):before {
width: 12px;
height: 12px;
top: -250%;
}
.star-1:nth-of-type(7) {
top: 28vh;
left: 84vw;
width: 9px;
height: 3px;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.star-1:nth-of-type(7):before {
width: 18px;
height: 18px;
top: -250%;
}
.star-1:nth-of-type(8) {
top: 42vh;
left: 28vw;
width: 4px;
height: 1.3333333333px;
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.star-1:nth-of-type(8):before {
width: 8px;
height: 8px;
top: -250%;
}
.star-1:nth-of-type(9) {
top: 7vh;
left: 99vw;
width: 7px;
height: 2.3333333333px;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.star-1:nth-of-type(9):before {
width: 14px;
height: 14px;
top: -250%;
}
.star-1:nth-of-type(10) {
top: 97vh;
left: 76vw;
width: 4px;
height: 1.3333333333px;
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.star-1:nth-of-type(10):before {
width: 8px;
height: 8px;
top: -250%;
}
.star-1:nth-of-type(11) {
top: 76vh;
left: 89vw;
width: 9px;
height: 3px;
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.star-1:nth-of-type(11):before {
width: 18px;
height: 18px;
top: -250%;
}
.star-1:nth-of-type(12) {
top: 16vh;
left: 92vw;
width: 8px;
height: 2.6666666667px;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.star-1:nth-of-type(12):before {
width: 16px;
height: 16px;
top: -250%;
}
.star-1:nth-of-type(13) {
top: 78vh;
left: 33vw;
width: 6px;
height: 2px;
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.star-1:nth-of-type(13):before {
width: 12px;
height: 12px;
top: -250%;
}
.star-1:nth-of-type(14) {
top: 12vh;
left: 67vw;
width: 7px;
height: 2.3333333333px;
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.star-1:nth-of-type(14):before {
width: 14px;
height: 14px;
top: -250%;
}
.star-1:nth-of-type(15) {
top: 64vh;
left: 51vw;
width: 4px;
height: 1.3333333333px;
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.star-1:nth-of-type(15):before {
width: 8px;
height: 8px;
top: -250%;
}
.star-1:nth-of-type(16) {
top: 71vh;
left: 95vw;
width: 4px;
height: 1.3333333333px;
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.star-1:nth-of-type(16):before {
width: 8px;
height: 8px;
top: -250%;
}
.star-1:nth-of-type(17) {
top: 56vh;
left: 31vw;
width: 7px;
height: 2.3333333333px;
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.star-1:nth-of-type(17):before {
width: 14px;
height: 14px;
top: -250%;
}
.star-1:nth-of-type(18) {
top: 33vh;
left: 80vw;
width: 6px;
height: 2px;
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.star-1:nth-of-type(18):before {
width: 12px;
height: 12px;
top: -250%;
}
.star-1:nth-of-type(19) {
top: 30vh;
left: 14vw;
width: 8px;
height: 2.6666666667px;
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.star-1:nth-of-type(19):before {
width: 16px;
height: 16px;
top: -250%;
}
.star-1:nth-of-type(20) {
top: 53vh;
left: 43vw;
width: 6px;
height: 2px;
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.star-1:nth-of-type(20):before {
width: 12px;
height: 12px;
top: -250%;
}
.star-1:nth-of-type(21) {
top: 32vh;
left: 9vw;
width: 7px;
height: 2.3333333333px;
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.star-1:nth-of-type(21):before {
width: 14px;
height: 14px;
top: -250%;
}
.star-1:nth-of-type(22) {
top: 97vh;
left: 9vw;
width: 5px;
height: 1.6666666667px;
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.star-1:nth-of-type(22):before {
width: 10px;
height: 10px;
top: -250%;
}
.star-1:nth-of-type(23) {
top: 62vh;
left: 6vw;
width: 5px;
height: 1.6666666667px;
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.star-1:nth-of-type(23):before {
width: 10px;
height: 10px;
top: -250%;
}
.star-1:nth-of-type(24) {
top: 57vh;
left: 13vw;
width: 9px;
height: 3px;
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.star-1:nth-of-type(24):before {
width: 18px;
height: 18px;
top: -250%;
}
.star-1:nth-of-type(25) {
top: 52vh;
left: 60vw;
width: 4px;
height: 1.3333333333px;
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.star-1:nth-of-type(25):before {
width: 8px;
height: 8px;
top: -250%;
}
.star-1:nth-of-type(26) {
top: 5vh;
left: 84vw;
width: 5px;
height: 1.6666666667px;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.star-1:nth-of-type(26):before {
width: 10px;
height: 10px;
top: -250%;
}
.star-1:nth-of-type(27) {
top: 26vh;
left: 23vw;
width: 8px;
height: 2.6666666667px;
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.star-1:nth-of-type(
没有合适的资源?快使用搜索试试~ 我知道了~
王者荣耀战力查询空白名生成小程序源码
共64个文件
wxss:13个
json:13个
png:11个
需积分: 3 0 下载量 54 浏览量
2023-07-14
10:12:43
上传
评论
收藏 352KB RAR 举报
温馨提示
王者荣耀战力查询空白名生成小程序源码,王者荣耀战力查询小程序除了功能外,其UI设计也非常优美。
资源推荐
资源详情
资源评论
收起资源包目录
王者战力小程序【修复】.rar (64个子文件)
王者战力小程序【修复】
sitemap.json 195B
project.private.config.json 440B
pages
about
introduce
introduce.wxml 1KB
introduce.json 2B
introduce.wxss 0B
introduce.js 427B
home
home.wxml 1KB
home.json 23B
home.wxss 693B
home.js 798B
log
log.wxss 29B
log.wxml 6KB
log.js 338B
log.json 2B
qq
index.wxml 2KB
index.js 3KB
index.json 27B
index.wxss 0B
detail
detail.json 27B
detail.js 2KB
detail.wxml 3KB
detail.wxss 413B
rename
rename.wxss 1KB
rename.json 29B
rename.js 9KB
rename.wxml 3KB
web-view
web-view.js 345B
web-view.wxss 0B
web-view.wxml 36B
web-view.json 27B
wx
index.wxml 2KB
index.js 3KB
index.json 27B
index.wxss 0B
app.json 1KB
project.config.json 631B
app.js 1KB
app.wxss 3KB
colorui
components
cu-custom.json 48B
cu-custom.js 857B
cu-custom.wxml 859B
cu-custom.wxss 39B
main.wxss 63KB
animation.wxss 3KB
icon.wxss 70KB
404.html 36KB
images
share_rename.png 72KB
rename
cfpic_2.jpg 26KB
kbpic_1.jpg 20KB
cfpic_1.jpg 25KB
fhpic_2.jpg 30KB
kbpic_2.jpg 27KB
fhpic_1.jpg 23KB
shareFriends.png 4KB
share.png 50KB
tabbar
my_cur.png 3KB
and.png 1KB
my.png 3KB
list_cur.png 2KB
mac.png 1KB
list.png 2KB
mac_cur.png 2KB
and_cur.png 1KB
util
utils.js 578B
共 64 条
- 1
资源评论
jayxtt999
- 粉丝: 3
- 资源: 27
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功