File tree Expand file tree Collapse file tree 1 file changed +22
-19
lines changed
28 - Video Speed Controller Expand file tree Collapse file tree 1 file changed +22
-19
lines changed Original file line number Diff line number Diff line change 11body {
22 margin : 0 ;
3- display : flex;
3+ display : flex;
44 justify-content : center;
55 align-items : center;
66 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;
99 font-family : sans-serif;
1010}
11+
1112.wrapper {
12- width : 850px ;
13- display : flex;
13+ width : 850px ;
14+ display : flex;
1415}
16+
1517video {
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 );
1719}
1820
1921.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 );
2729 overflow : hidden;
2830}
31+
2932.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 );
3336 display : flex;
3437 align-items : center;
3538 justify-content : center;
36- padding : 2px ;
37- color : white;
38- height : 16.3% ;
39+ padding : 2px ;
40+ color : white;
41+ height : 16.3% ;
3942}
You can’t perform that action at this time.
0 commit comments