aaa
This commit is contained in:
parent
9f5ef0e090
commit
1281900e2e
|
@ -30,30 +30,16 @@ input{
|
||||||
backdrop-filter: blur(5px);
|
backdrop-filter: blur(5px);
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
border:none;
|
border:none;
|
||||||
|
}
|
||||||
|
body{
|
||||||
|
background-image:linear-gradient(to bottom right,rgba(255,0,0,.5), rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,0,0,.5))
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body onload="load()" style="height: 100%; overflow: hidden;">
|
<body onload="load()" style="height: 100%; overflow: hidden;">
|
||||||
<div id="kanna" onclick="lightsout()"autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"></div>
|
<div id="kanna" onclick="lightsout()"autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"></div>
|
||||||
<script>
|
<script>
|
||||||
color1 = 50
|
|
||||||
color2 = 50
|
|
||||||
color3 = 50
|
|
||||||
let si = setInterval(()=>{
|
|
||||||
color1+=1
|
|
||||||
document.body.style.backgroundImage="linear-gradient(to bottom right,rgba(255,0,0,.5), rgba(255,255,255,1),rgba(255,255,255,1),rgba("+color1+","+color2+","+color3+",.5))"
|
|
||||||
if(color1>=255){
|
|
||||||
color1=0
|
|
||||||
color2+=1
|
|
||||||
if(color2>=255){
|
|
||||||
color2=0
|
|
||||||
color3+=1
|
|
||||||
if(color3>=255){
|
|
||||||
color3=0
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},50)
|
|
||||||
const sid=makeid(20)
|
const sid=makeid(20)
|
||||||
window.sid=sid
|
window.sid=sid
|
||||||
function makeid(length) {
|
function makeid(length) {
|
||||||
|
@ -69,7 +55,6 @@ input{
|
||||||
|
|
||||||
|
|
||||||
function lightsout(){
|
function lightsout(){
|
||||||
clearInterval(si)
|
|
||||||
document.body.style.backgroundImage=''
|
document.body.style.backgroundImage=''
|
||||||
document.body.innerHTML=""
|
document.body.innerHTML=""
|
||||||
document.body.style.backgroundColor="black"
|
document.body.style.backgroundColor="black"
|
||||||
|
|
Loading…
Reference in a new issue