News for hackers. Stuff that matters.

A comment on A New Blog for 2024. Parent comment

Re:A New Blog for 2024 by ChilledTonic on Tuesday January 02, 2024 @12:08PM (#38843977)
It appears his full CSS is as follows:

  background-image: url(/css/noise.png);
  background-repeat: repeat;
  background-size: 182px;
  filter: brightness(6);
  opacity: 0.018;
In my experimentation with it, I can't quite figure out how he applies the effect to the whole page without it either dissapearing on adjustments to the viewport or affecting the pages text opacity.
[ Parent | on HN ]
Re:A New Blog for 2024 by ctnicholas on Tuesday January 02, 2024 @06:54PM (#38848854)
To make it fill the page, you need to make sure it's placed inside an element (with relative positioning) that's height comes from its content. Then give the noise absolute positioning.

The noise still overlays the text, it's just not really visible because of the contrast between text and background.

[ Parent | on HN ]