Files for my website
bwc9876.dev
Fix project card backdrops
+21
-21
+21
src/layouts/Layout.astro
+21
src/layouts/Layout.astro
···
131
131
border-bottom: var(--section-border);
132
132
}
133
133
134
+
@keyframes rainbow {
135
+
0% {
136
+
filter: hue-rotate(0deg);
137
+
}
138
+
50% {
139
+
filter: hue-rotate(180deg);
140
+
}
141
+
100% {
142
+
filter: hue-rotate(360deg);
143
+
}
144
+
}
145
+
146
+
.backdrop {
147
+
z-index: -50;
148
+
position: fixed;
149
+
inset: 0;
150
+
background-image: url("@assets/bg-tile.webp");
151
+
animation: rainbow 5s linear infinite;
152
+
opacity: 3%;
153
+
}
154
+
134
155
nav {
135
156
display: flex;
136
157
gap: var(--1);
-21
src/styles/style.css
-21
src/styles/style.css
···
8
8
@custom-media --lg (width >=1200px);
9
9
@custom-media --xl (width >=1700px);
10
10
11
-
@keyframes rainbow {
12
-
0% {
13
-
filter: hue-rotate(0deg);
14
-
}
15
-
50% {
16
-
filter: hue-rotate(180deg);
17
-
}
18
-
100% {
19
-
filter: hue-rotate(360deg);
20
-
}
21
-
}
22
-
23
-
.backdrop {
24
-
z-index: -50;
25
-
position: fixed;
26
-
inset: 0;
27
-
background-image: url("@assets/bg-tile.webp");
28
-
animation: rainbow 5s linear infinite;
29
-
opacity: 3%;
30
-
}
31
-
32
11
.container {
33
12
--gutter: var(--2);
34
13
margin: 0 var(--gutter);