Представлен хак, как на 100% CSS (без JavaScript) получить IP‑адрес пользователя на :root

Веб‑разработчик Jane Ori опубликовала на codepen.io демонстрацию хака под названием «100% CSS (без JavaScript) — получить IP‑адрес пользователя на :root».

Хак работает в три этапа:

1. делает запрос API из CSS, который отвечает данными, закодированными в высоту и ширину (make an api request from CSS that responds with data encoded into height and width);

2. использует запросы контейнера и tan(atan2()) в CSS, чтобы считать размеры ответа в 16-битные целые числа (use container queries and tan(atan2()) in CSS to read the dimensions of the response into 16 bit integers);

3. хак CSS, который позволяет документу :root захватывать и удерживать ‑var‑data, вычисленные из нескольких слоев вложенного DOM, поднимая его обратно и удерживая в приостановленной анимации (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», — пояснила автор проекта.