Skip to content

Commit 4a675e7

Browse files
authored
Added changes
1 parent d508310 commit 4a675e7

File tree

3 files changed

+17
-8
lines changed

3 files changed

+17
-8
lines changed

Components/Backgrounds/Vintage-Sepia-Film-Background/index.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,11 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Vintage Film Effect</title>
76
<link rel="stylesheet" href="style.css">
7+
<title>Vintage Sepia Film Background</title>
88
</head>
99
<body>
1010
<div class="film-grain"></div>
1111
<div class="scratches"></div>
1212
</body>
13-
</html>
13+
</html>

Components/Backgrounds/Vintage-Sepia-Film-Background/style.css

Lines changed: 14 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,6 @@ body {
99
position: absolute;
1010
width: 100%;
1111
height: 100%;
12-
background: url('https://www.transparenttextures.com/patterns/noise-pattern.png');
1312
opacity: 0.2;
1413
animation: flicker 0.5s infinite alternate;
1514
}
@@ -23,11 +22,21 @@ body {
2322
}
2423

2524
@keyframes flicker {
26-
0% { opacity: 0.2; }
27-
100% { opacity: 0.3; }
25+
0% {
26+
opacity: 0.2;
27+
}
28+
29+
100% {
30+
opacity: 0.3;
31+
}
2832
}
2933

3034
@keyframes moveScratches {
31-
0% { transform: translateY(0); }
32-
100% { transform: translateY(-100px); }
35+
0% {
36+
transform: translateY(0);
37+
}
38+
39+
100% {
40+
transform: translateY(-100px);
41+
}
3342
}

assets/json_files/backgrounds.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -213,7 +213,7 @@
213213
"title": "Vintage Sepia Film Background",
214214
"previewLink": "../../Components/Backgrounds/Vintage-Sepia-Film-Background/index.html",
215215
"sourceLink": "https://github.com/Rakesh9100/Beautiify/tree/main/Components/Backgrounds/Vintage-Sepia-Film-Background"
216-
},
216+
},
217217
{
218218
"title": "Waves Background",
219219
"previewLink": "../../Components/Backgrounds/Waves-Background/index.html",

0 commit comments

Comments
 (0)