neko/portal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

revert to the crt effects

Browse Source
This commit is contained in:
Patrick Tschuchnig 2020-01-25 15:34:40 +01:00
parent 1a9a99d3bc
commit 912b3c28c9
2 changed files with 16 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
assets/css/crt-screen.css
View File

@ -25,4 +25,14 @@ layout: none
height: 480px;
width: 640px;
overflow: scroll;
}
.screen-content::before{
z-index: 2;
pointer-events: none;
background-image: url({{site.baseurl}}/assets/images/scanline.png);
background-repeat: repeat;
width:200px;
height:200px;
}

19
assets/css/crt.css
View File

@ -151,26 +151,19 @@ http://aleclownes.com/2017/02/01/crt-display.html
opacity: 0;
z-index: 2;
pointer-events: none;
/*animation: flicker 3s infinite;*/
animation: flicker 3s infinite;
}
.crt::before {
/*content: " ";
content: " ";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;*/
/*background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));*/
z-index: 2;
/*background-size: 100% 2px, 3px 100%;*/
pointer-events: none;
background-image: url({{site.baseurl}}/assets/images/scanline.png);
background-repeat: repeat;
width:200px;
height:200px;
right: 0;
background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
background-size: 100% 2px, 3px 100%;
}
.crt {
/*animation: textShadow 5s infinite;*/
animation: textShadow 5s infinite;
}