-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
83 lines (80 loc) · 3.45 KB
/
index.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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE html>
<html lang="en">
<head>
<title>3D Card RGB Effect</title>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="./style.css" />
</head>
<body>
<main class="canvas">
<div class="container">
<div class="card rgb painting">
<div class="card-image"></div>
<div class="card-description">
<h2 class="card-title">Visual art</h2>
<strong>The visual arts</strong> are art forms such as painting,
drawing, printmaking, sculpture, ceramics, photography, video,
filmmaking, design, crafts and architecture. Many artistic
disciplines such as performing arts, conceptual art, and textile
arts also involve aspects of visual arts as well as arts of other
types.
</div>
</div>
<div class="card rgb code">
<div class="card-image"></div>
<div class="card-description">
<h2 class="card-title">Programming</h2>
<strong>Programming</strong> is the process of designing and
building an executable computer program to accomplish a specific
computing result or to perform a particular task. Programming
involves tasks such as analysis, generating algorithms, profiling
algorithms' accuracy and resource consumption, and the
implementation of algorithms in a chosen programming language
(commonly referred to as coding).
</div>
</div>
<div class="card rgb music">
<div class="card-image"></div>
<div class="card-description">
<h2 class="card-title">Music</h2>
<strong>Music</strong> is the art of arranging sounds in time
through the elements of melody, harmony, rhythm, and timbre. It is
one of the universal cultural aspects of all human societies.
General definitions of music include common elements such as pitch
(which governs melody and harmony), rhythm (and its associated
concepts tempo, meter, and articulation), dynamics (loudness and
softness), and the sonic qualities of timbre and texture.
</div>
</div>
<div class="card rgb maths">
<div class="card-image"></div>
<div class="card-description">
<h2 class="card-title">Maths</h2>
<strong>Mathematics</strong> includes the study of such topics as
numbers (arithmetic and number theory), formulas and related
structures (algebra), shapes and spaces in which they are contained
(geometry), and quantities and their changes (calculus and
analysis). There is no general consensus about its exact scope or
epistemological status.
</div>
</div>
</div>
</main>
<script src="vanilla-tilt.min.js"></script>
<script>
VanillaTilt.init(document.querySelectorAll('.card'), {
glare: true,
reverse: true,
'max-glare': 0.2,
});
</script>
</body>
</html>