html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!--Made by Superaby-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="SoloCoder">
<title>Light Bulb</title>
</head>
<body>
<h1 align="center">Made by Superaby</h1>
<h2>Turn on the light</h2>
<div id="container1">
<div id="container2">
<div id="container3">
<div id="container4">
<div id="left-cont" class="cont">
<div class="top virtual l1"></div>
<div id="l1" class="top"></div>
<div id="l2" class="middle"></div>
<div id="l3" class="bottom"></div>
</div>
<div id="right-cont" class="cont">
<div class="top virtual r1"></div>
<div id="r1" class="top"></div>
<div id="r2" class="middle"></div>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
/*Made by Superaby*/
body {
background-color: #333333;
}
h1 {
font-size: 4.7vh;
font-family: Georgia;
font-weight: bold;
font-style: italic;
color: #333333;
margin: 10vh auto 1vh auto;
animation: animation 0.5s linear alternate infinite;
}
@keyframes animation {
0% {transform: rotate(-1deg);}
50% {transform: rotate(0deg);}
100% {transform: rotate(1deg);}
}
h2 {
display: block;
text-align: center;
position: absolute;
width: 97.8%;
color: #ffffdd;
font-size: 4.5vh;
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
//Made by Superaby
function switchOn() {
let light = document.getElementsByClassName('virtual');
let upperBulb = document.getElementsByClassName('top');
let middleBulb = document.getElementsByClassName('middle');
let footerBulb = document.getElementsByClassName('bottom');
let button = document.getElementById('bt');
let pointer = document.getElementById('pointer');
function lightness() {
document.body.style.backgroundColor = "#ffffdd";
button.style.backgroundColor = "#cdcdbc";
button.style.color = "#282828";
button.style.borderColor = "#282828";
footerBulb[0].style.backgroundColor = "#909080";
footerBulb[1].style.backgroundColor = "#909080";
pointer.textContent = "";
pointer.style.textShadow = "none";
}
for (let i=0; i<=3; i++) {
upperBulb[i].style.backgroundColor = "#ffff00";
}
for (let i=0; i<=1; i++) {
middleBulb[i].style.backgroundColor = "#ffff00";
light[i].style.boxShadow = "0 0 200vh 4vh #ffff5c, 0 0 3vh #ffff00";
footerBulb[i].style.backgroundColor = "#707060";
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run