Search
Write a publication
Pull to refresh

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

Reading time1 min
Views16K

Веб‑разработчик 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», — пояснила автор проекта.

Tags:
Hubs:
Total votes 11: ↑6 and ↓5+5
Comments24

Other news