Skip to content

Commit 38ac3d9

Browse files
committed
feat: init index and style files [#1]
1 parent a479ed6 commit 38ac3d9

File tree

2 files changed

+37
-0
lines changed

2 files changed

+37
-0
lines changed

docs/css/styles.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
/**
2+
* @description Styles
3+
* @author C. M. de Picciotto <d3p1@d3p1.dev> (https://d3p1.dev/)
4+
*/

docs/index.html

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<title>3D CSS Perspective Cube</title>
7+
<link rel="stylesheet" href="css/styles.css">
8+
</head>
9+
<body>
10+
<div class="scene">
11+
<div class="scene__cube">
12+
<div class="scene__cube-side
13+
scene__cube-side--longitudinal
14+
scene__cube-side--longitudinal-back"></div>
15+
<div class="scene__cube-side
16+
scene__cube-side--longitudinal
17+
scene__cube-side--longitudinal-front"></div>
18+
<div class="scene__cube-side
19+
scene__cube-side--lateral
20+
scene__cube-side--lateral-right"></div>
21+
<div class="scene__cube-side
22+
scene__cube-side--lateral
23+
scene__cube-side--lateral-left"></div>
24+
<div class="scene__cube-side
25+
scene__cube-side--vertical
26+
scene__cube-side--vertical-bottom"></div>
27+
<div class="scene__cube-side
28+
scene__cube-side--vertical
29+
scene__cube-side--vertical-top"></div>
30+
</div>
31+
</div>
32+
</body>
33+
</html>

0 commit comments

Comments
 (0)