Pixel text renderer using CSS linear-gradients (no JavaScript)

Show HN: Pixel text renderer using CSS linear-gradients (no JavaScript)

Pixel text renderer using CSS linear-gradients (no JavaScript) operates in show hn launch.

Profile

I've been playing around with rendering pixel text using only CSS. No JS in the final result, and no per-pixel DOM elements (too heavy).The demo page is rendered as a long list of CSS linear-gradients. Each letter is an 8x8 matrix. Each pixel becomes a tiny background image.Demo: https://taktek.io Gallery/Debugger: https://taktek.io/gallery Code: https://github.com/taktekhq/taktekhq.github.ioAt first, I wrote each linear-gradient pixel manually... When I came to resize each pixel's size, I wrote the generator script.1. It takes the text -> 2. breaks it into letters -> 3. gets its matrix -> 4. returns the linear-gradients list.It chooses a variant based on the context window. For example, a p

As a business in show hn launch, Pixel text renderer using CSS linear-gradients (no JavaScript) is listed here with the public details available about it.

Directory data places it at the Show HN launch stage.

Website: taktek.io