base64 Scanlines

Manchmal kann man Scanlines ganz gut gebrauchen… allerdings müsste man dazu in den meisten Fällen erst mal ein Grafikprogramm bemühen, um die Dinger zu erstellen. Zum Glück geht das auch mit ein paar Zeilen Code.

Farbe: Schwarz, Größe: 1 Pixel

background-image: url('data:image/gif;base64,R0lGODlhAQACAPAAAAAAAAAAACH5BAEAAAEALAAAAAABAAIAAAICRAoAOw==');

Farbe: Weiß, Größe: 1 Pixel

background-image: url('data:image/gif;base64,R0lGODlhAQACAPAAAP///wAAACH5BAEAAAEALAAAAAABAAIAAAICRAoAOw==');

Farbe: Schwarz, Größe: 2 Pixel

background-image: url('data:image/gif;base64,R0lGODlhAQAEAPAAAAAAAAAAACH5BAEAAAEALAAAAAABAAQAAAIDBBIFADs=');

Farbe: Weiß, Größe: 2 Pixel

background-image: url('data:image/gif;base64,R0lGODlhAQAEAPAAAP///wAAACH5BAEAAAEALAAAAAABAAQAAAIDBBIFADs=');