Gunnar Bittersmann: Grafik mit CSS

Beitrag lesen

@@MudGuard

ist so eine Grafik allein mit CSS umsetzbar?

ich würd mal sagen: nein.

Ich würd mal sagen: ja. 😏

foo
{
  background:
    linear-gradient(… 50%, … 50%) 0px 0px,
    linear-gradient(… 50%, … 50%) 0px 2px,
    linear-gradient(… 50%, … 50%) 0px 4px,linear-gradient(… 50%, … 50%) 0px 398px,
    linear-gradient(… 50%, … 50%) 1px 0px,linear-gradient(… 50%, … 50%) 399px 398px;
  background-size: 2px 1px;
  background-repeat: no-repeat;
}

(mal beispielhaft für eine 400 × 400 Pixel große Grafik; stehen für die Farbwerte der einzelnen Pixel; für ein paar Zeilen mehr)

LLAP 🖖

--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory