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
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<table>
<tr>
<td>
<div class="c1">A</div>
<div class="c2">B</div>
</td>
<td>
<div class="c1">C</div>
<div class="c2">D</div>
</td>
<td>
<div class="c1">E</div>
<div class="c2">F</div>
</td>
</tr>
<tr>
<td>
<div class="c1">G</div>
<div class="c2">H</div>
</td>
<td>
<div class="c1">I</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
table {
border-collapse: collapse;
border-spacing: 0;
}
td {
padding: 50px;
border: 2px solid black;
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(49%, white), color-stop(50%, black), color-stop(51%, white));
background-image: -webkit-linear-gradient(top left, white 49%, black 50%, white 51%);
background-image: -o-linear-gradient(top left, white 49%, black 50%, white 51%);
background-image: linear-gradient(to bottom right, white 49%, black 50%, white 51%);
}
td .c1 {
-webkit-transform: translate(-20px,-20px);
-ms-transform: translate(-20px,-20px);
transform: translate(-20px,-20px);
}
td .c2 {
-webkit-transform: translate(20px,20px);
-ms-transform: translate(20px,20px);
transform: translate(20px,20px);
}
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run