Scanlines - Free Online | 51yifei
Use Scanlines online for free, no download required. 51yifei offers hundreds of fun online tools.
About this tool
Scanlines is a free online visual effect. Fine scanlines cover the whole frame while a bright band sweeps downward on a loop, echoing oscilloscopes and CCTV monitors, with switchable tints. Interactive eye-candy rendered live on your screen. It runs entirely in your browser — no download or sign-up needed.
Suitable for use as a retro style decoration, CRT effect component, or purely appreciating the retro beauty of scan lines. The implementation principle is CSS repeated gradient.
The whole process is a pure CSS implementation, using repeating-linear-gradient to generate a scan line pattern that is overlaid on top of the content.
After opening the page, the display screen will be covered with horizontal scan lines, simulating the scan line effect of old CRT displays. Parameters such as scan line spacing, transparency, and color can be adjusted.
Scan line is a visual effect that simulates the horizontal scan line effect of old displays and is implemented based on CSS.