G github.com Show HN: 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 funHere's a demo and the codebase: https://github.com/Momciloo/fun-with-clip-path 141 points momciloo 8 months ago 38 comments
- 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