File tree 1 file changed +22
-19
lines changed
28 - Video Speed Controller
1 file changed +22
-19
lines changed Original file line number Diff line number Diff line change 1
1
body {
2
2
margin : 0 ;
3
- display : flex;
3
+ display : flex;
4
4
justify-content : center;
5
5
align-items : center;
6
6
min-height : 100vh ;
7
- background : # 4C4C4C url ('https://unsplash.it/1500/900?image=1021' );
8
- background-size : cover;
7
+ background : # 4C4C4C url ('https://unsplash.it/1500/900?image=1021' );
8
+ background-size : cover;
9
9
font-family : sans-serif;
10
10
}
11
+
11
12
.wrapper {
12
- width : 850px ;
13
- display : flex;
13
+ width : 850px ;
14
+ display : flex;
14
15
}
16
+
15
17
video {
16
- box-shadow : 0 0 1px 3px rgba (0 , 0 , 0 , 0.1 );
18
+ box-shadow : 0 0 1px 3px rgba (0 , 0 , 0 , 0.1 );
17
19
}
18
20
19
21
.speed {
20
- background : # efefef ;
21
- flex : 1 ;
22
- display : flex;
23
- align-items : flex-start;
24
- margin : 10px ;
25
- border-radius : 50px ;
26
- box-shadow : 0 0 1px 3px rgba (0 , 0 , 0 , 0.1 );
22
+ background : # efefef ;
23
+ flex : 1 ;
24
+ display : flex;
25
+ align-items : flex-start;
26
+ margin : 10px ;
27
+ border-radius : 50px ;
28
+ box-shadow : 0 0 1px 3px rgba (0 , 0 , 0 , 0.1 );
27
29
overflow : hidden;
28
30
}
31
+
29
32
.speed-bar {
30
- width : 100% ;
31
- background : linear-gradient (-170deg , # 2376ae 0% , # c16ecf 100% );
32
- text-shadow : 1px 1px 0 rgba (0 , 0 , 0 , 0.2 );
33
+ width : 100% ;
34
+ background : linear-gradient (-170deg , # 2376ae 0% , # c16ecf 100% );
35
+ text-shadow : 1px 1px 0 rgba (0 , 0 , 0 , 0.2 );
33
36
display : flex;
34
37
align-items : center;
35
38
justify-content : center;
36
- padding : 2px ;
37
- color : white;
38
- height : 16.3% ;
39
+ padding : 2px ;
40
+ color : white;
41
+ height : 16.3% ;
39
42
}
You can’t perform that action at this time.
0 commit comments