adjustments in the filter to better represent a high luminosity screen
This commit is contained in:
parent
ed374094f4
commit
adfab27544
@ -3,37 +3,36 @@ layout: none
|
||||
---
|
||||
|
||||
.screen{
|
||||
position: relative;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
align-content: center;
|
||||
width: 1000px;
|
||||
height: 830px;
|
||||
|
||||
position: relative;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
align-content: center;
|
||||
width: 1000px;
|
||||
height: 830px;
|
||||
}
|
||||
|
||||
.screen-image{
|
||||
position: absolute;
|
||||
background-image: url({{site.baseurl}}/assets/images/crt2.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-position: top;
|
||||
pointer-events: none;
|
||||
z-index: 3;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
background-image: url({{site.baseurl}}/assets/images/crt2.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-position: top;
|
||||
pointer-events: none;
|
||||
z-index: 3;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.screen-content{
|
||||
position: relative;
|
||||
top: 141px;
|
||||
left: 117px;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
z-index: 1;
|
||||
width: 768px;
|
||||
height: 584px;
|
||||
pointer-events: all;
|
||||
background: #0d0907 !important;
|
||||
filter: sepia(94%) hue-rotate(-12deg) saturate(350%) brightness(0.8);
|
||||
;
|
||||
position: relative;
|
||||
top: 141px;
|
||||
left: 117px;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
z-index: 1;
|
||||
width: 768px;
|
||||
height: 584px;
|
||||
pointer-events: all;
|
||||
background: #090604 !important;
|
||||
filter: sepia(94%) hue-rotate(-29deg) saturate(7) brightness(160%);
|
||||
}
|
Loading…
Reference in New Issue
Block a user