File tree Expand file tree Collapse file tree 3 files changed +17
-8
lines changed
Components/Backgrounds/Vintage-Sepia-Film-Background Expand file tree Collapse file tree 3 files changed +17
-8
lines changed Original file line number Diff line number Diff line change 3
3
< head >
4
4
< meta charset ="UTF-8 ">
5
5
< meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
6
- < title > Vintage Film Effect</ title >
7
6
< link rel ="stylesheet " href ="style.css ">
7
+ < title > Vintage Sepia Film Background</ title >
8
8
</ head >
9
9
< body >
10
10
< div class ="film-grain "> </ div >
11
11
< div class ="scratches "> </ div >
12
12
</ body >
13
- </ html >
13
+ </ html >
Original file line number Diff line number Diff line change 9
9
position : absolute;
10
10
width : 100% ;
11
11
height : 100% ;
12
- background : url ('https://www.transparenttextures.com/patterns/noise-pattern.png' );
13
12
opacity : 0.2 ;
14
13
animation : flicker 0.5s infinite alternate;
15
14
}
@@ -23,11 +22,21 @@ body {
23
22
}
24
23
25
24
@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
+ }
28
32
}
29
33
30
34
@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
+ }
33
42
}
Original file line number Diff line number Diff line change 213
213
"title" : " Vintage Sepia Film Background" ,
214
214
"previewLink" : " ../../Components/Backgrounds/Vintage-Sepia-Film-Background/index.html" ,
215
215
"sourceLink" : " https://github.com/Rakesh9100/Beautiify/tree/main/Components/Backgrounds/Vintage-Sepia-Film-Background"
216
- },
216
+ },
217
217
{
218
218
"title" : " Waves Background" ,
219
219
"previewLink" : " ../../Components/Backgrounds/Waves-Background/index.html" ,
You can’t perform that action at this time.
0 commit comments