CRT-style effect that works with loading screens

Tags: crt, overlay, fix, code, effect, numetaldragon

Description:

This will get the CRT effect to work without disabling your loading screen. Put the code after your loading screen code, but inside the style container.

Code:

<!-- (c) Layout created by dragoncalabro (https://layouts.spacehey.com/layout?id=94477) -->

html:before {
content: " ";
display: block; position: fixed;
top: 0; left: 0; bottom: 0; right: 0;
background: linear-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,0.16) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 11 of 11 comments ( View all | Add Comment )

Aria	1729844823 Using! Report Comment
Happyface	1727728399 thanks! Report Comment
Ryan!	1726675412 idk why i cant get it to work :( Report Comment remember to put 'style' tags before the code by Ben (astronominörd); 1727948717; Report
shqrkie . {🦴🍥}	1726538084 using Report Comment
♯┆ᖴɾᥱᥲƙყᙖɩʋᥱ .ᐟ ★ Bive !!	1726243069 usingggg Report Comment
❝𝐌𝐄𝐃𝐈𝐂❞	1720683404 usingg Report Comment
doey/saffron ⌆	1719989034 usingg ^_^ Report Comment
chibbiiyo	1719795496 using!! Report Comment
arlo 🦑🐇 (reaally inactive)	1714705388 using!! tysmm ^o^ Report Comment
≪ LIL HAL ≫	1710466191 using! Report Comment
⭐🌸A nerdy artist (Rae Taylor irl)🌸⭐🍉	1704754247 might use Report Comment