from Hacker News

Hack demonstration: 100% CSS (no JavaScript) – Get user's –IP-Address on:root

by JaneOri on 12/28/24, 5:29 AM with 1 comments

  • by JaneOri on 12/28/24, 5:29 AM

    The hack does 3 things:

    1) make an api request from CSS that responds with data encoded into height and width

    2) use container queries and tan(atan2()) in CSS to read the dimensions of the response into 16 bit integers

    3) a CSS hack that allows the document :root to capture and hold --var-data computed from several layers of nested DOM, hoisting it back up and holding it in a paused animation

    Chrome desktop only for now