Browse Source

stylish crt 2

main
gsd 6 months ago
parent
commit
94726aad82
  1. 4
      pipboyUI/dist/pipboy-ui/index.html
  2. 2
      pipboyUI/dist/pipboy-ui/styles.6317bd1c21c6fc2c.css
  3. 2
      pipboyUI/src/index.html
  4. 4
      pipboyUI/src/styles/crt.scss

4
pipboyUI/dist/pipboy-ui/index.html

File diff suppressed because one or more lines are too long

2
pipboyUI/dist/pipboy-ui/styles.1b3f163117c989c8.css → pipboyUI/dist/pipboy-ui/styles.6317bd1c21c6fc2c.css

File diff suppressed because one or more lines are too long

2
pipboyUI/src/index.html

@ -11,7 +11,7 @@
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>
<body class="crt-screen">
<div class="scanline"></div>
<div></div>
<app-root></app-root>
</body>
</html>

4
pipboyUI/src/styles/crt.scss

@ -20,7 +20,7 @@ $z-scanline: 10000;
rgba(18, 16, 16, 0) 50%,
rgba(0, 0, 0, 0.25) 50%
);
background-size: 100% 4px;
background-size: 100% 12px;
z-index: $z-main;
pointer-events: none;
}
@ -59,7 +59,7 @@ $z-scanline: 10000;
rgba(0, 255, 0, 0) 100%
);
position: absolute;
animation: scan 8s linear infinite;
animation: scan 32s linear infinite;
z-index: $z-scanline;
pointer-events: none;
}

Loading…
Cancel
Save