I saw this cool navigation reveal, so I made a simple HTML+CSS version
Two clip-paths, over the navigation: - The first clip-path is a circle (top-left corner) - The second clip-path is a polygon, that acts like a ray (hardcoded, can be improved) The original work by Iventions Events https://iventions.com/ uses JavaScript, but I found CSS-only approach more fun Here's a demo and the codebase: https://github.com/Momciloo/fun-with-clip-path
In plain words
This is a CSS-only implementation of a navigation reveal effect using two clip-paths: a circular mask in the top-left corner and a polygon ray. Built as an alternative to a JavaScript-based original, it demonstrates a pure CSS approach to creating interactive visual effects. The code is available on GitHub for developers interested in exploring clip-path techniques.
written from the facts on this page · September 2026
More dev tools this month
the category →
Open-source GTM skills for technical founders
Dev tools · 29d ago · gtmcofounder.com
OpenTrailPaper is open-source bike computer firmware for the LilyGO T5S3 4.7" E-Paper PRO. It supports offline maps, GPX routes, FIT recording and Bluetooth sensors.
Dev tools · 2d ago · opentrailpaper.com
