And they say CSS isn't a programming language
This title could be clearer and more informative.Try out Clickbait Shieldfor free (5 uses left this month).
A walkthrough of a CSS-only shortest path finder demo (by Tmania on CSSON.dev) that calculates and highlights the shortest route between draggable nodes using advanced CSS features. The demo uses CSS math functions like hypot(), CSS counters for displaying distances, view timelines to track element positions, container style queries with range syntax to compare distances, anchor positioning for connecting nodes, and registered custom properties — all without any JavaScript logic (JS is only used for drag-and-drop). The author explores the code live, explaining how each CSS feature contributes to the pathfinding algorithm.
•18m watch time
6 Comments
Sort: