screenshot

    Period Line V2 Cross-Browser Contact Sheet

    A desktop-and-mobile comparison across installed Chrome, Playwright Chromium, WebKit, and Firefox used to distinguish actual line geometry from browser version, device-pixel-ratio, antialiasing, resampling, and capture-format differences.

    Hyphenomenon
    A labeled comparison grid showing the same Period Line frame in installed Chrome, Playwright Chromium, WebKit, and Firefox at desktop and mobile sizes.
    Cross-browser sheet used to separate real CSS and SVG differences from capture compression, antialiasing, browser-version, and DPR effects.

    Evidence Role

    This sheet records a controlled comparison of the same motion state across browser engines and capture conditions. It helped explain why one Chrome image appeared thinner even though every browser reported the same 3px non-scaling SVG stroke.

    What It Prevented

    Without the matrix, a capture artifact could have produced an unnecessary browser-specific CSS change. The comparison showed that Playwright browsers are pinned engine builds rather than exact copies of installed browsers, and that DPR, JPEG compression, antialiasing, viewport, and scroll state must be normalized before attributing a visual difference to the implementation.