Forum:
I’ve been trying to find layout that has the tv static line effect on it but sadly I can’t
Does anyone have the code to use this effect? _(:3 」∠)_
« Back to the HTML Forum
How to add a TV static line effect on ur layout
Report Topic
3 Replies
Reply by Bonnie ᕙ(`▿´)ᕗ
posted
this layout has exactly what you need!!! they use body::before with linear-gradient to get the sorta tv static effect
i sampled the part that could help (idk if its considered cheating)
<style>
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgb(00 00 00 / 48%), rgb(0 0 0 / 0%) 50%);
z-index: 2;
background-size: 100% 2px, 7px 100%;
pointer-events: none;
}
Permalink
Reply by ☆⋆｡𖦹°‧★ Cyberstxr.exe ☆⋆｡𖦹°‧★
posted
updated
Reply by Lt. Commander Data
posted
updated
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
/*====Adjust the RGBA to change the color====*/
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;
}
Taken directly from my profile.
Hope that helps you.
Edited to add the CSS comment