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
<!---------------------------------------------
code by: khalil;
Copyright;
Dont forget to leave an upvote ✅ ;
---------------------//----------------------->
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>click on every letter 😱</h1>
<ul>
<li>
<input type="checkbox">
<div>K</div>
</li>
<li>
<input type="checkbox">
<div>H</div>
</li>
<li>
<input type="checkbox">
<div>A</div>
</li>
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
body{
background: linear-gradient(to right, #7852A9,#de73ff);
}
ul {
position: relative;
display: block;
}
li{
list-style: none;
padding-bottom: 10px;
}
label{position: relative;}
input[type="checkbox"]{
position: absolute;
opacity: 0;
cursor: pointer;
height: 80px;
width: 80px;
z-index: 100;
}
div{
position: relative;
width: 80px;
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run