Skip to main content
edited tags
Link
JohnGB
  • 68.6k
  • 26
  • 185
  • 297
Tweeted twitter.com/#!/StackUX/status/319719515946618880
edited tags
Link
JohnGB
  • 68.6k
  • 26
  • 185
  • 297
added 121 characters in body
Source Link
George
  • 163
  • 5

I'm in the process of developing a website that is reminiscent of an old CRT monitor. To achieve the effect, I've taken an image that consists of a horizontal black line and a white line repeating both on the vertical and horizontal axis. The image opacity to achieve this effect has a very low opacity so that you can see the text beneath the lines.

enter image description here

It works beautifully every computer I've tested it on, except for one. I have a high end nVidia video card on the machine that the problems occur on. It appears that the high resolution actually creates a wave effect from the lines. They fade in and out, vertically, creating a very unpleasant effect. When the resolution is turned down very low, the bad-effect goes away and the screen appears as I intended.

It appears that the high resolution is making the lines merge together, giving it a fade-in fade-out gradient effect.

I can't demonstrate the issue because it's computer dependent and looks different depending on what system it's being viewed on. Some users here may see it, while others may not.

Has anyone experienced this issue, and is there a way I can overcome this in my design?

I'm in the process of developing a website that is reminiscent of an old CRT monitor. To achieve the effect, I've taken an image that consists of a horizontal black line and a white line repeating both on the vertical and horizontal axis. The image opacity to achieve this effect has a very low opacity so that you can see the text beneath the lines.

enter image description here

It works beautifully every computer I've tested it on, except for one. I have a high end nVidia video card on the machine that the problems occur on. It appears that the high resolution actually creates a wave effect from the lines. They fade in and out, vertically, creating a very unpleasant effect. When the resolution is turned down very low, the bad-effect goes away and the screen appears as I intended.

I can't demonstrate the issue because it's computer dependent and looks different depending on what system it's being viewed on. Some users here may see it, while others may not.

Has anyone experienced this issue, and is there a way I can overcome this in my design?

I'm in the process of developing a website that is reminiscent of an old CRT monitor. To achieve the effect, I've taken an image that consists of a horizontal black line and a white line repeating both on the vertical and horizontal axis. The image opacity to achieve this effect has a very low opacity so that you can see the text beneath the lines.

enter image description here

It works beautifully every computer I've tested it on, except for one. I have a high end nVidia video card on the machine that the problems occur on. It appears that the high resolution actually creates a wave effect from the lines. They fade in and out, vertically, creating a very unpleasant effect. When the resolution is turned down very low, the bad-effect goes away and the screen appears as I intended.

It appears that the high resolution is making the lines merge together, giving it a fade-in fade-out gradient effect.

I can't demonstrate the issue because it's computer dependent and looks different depending on what system it's being viewed on. Some users here may see it, while others may not.

Has anyone experienced this issue, and is there a way I can overcome this in my design?

Source Link
George
  • 163
  • 5
Loading