← Latest products

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.

Open source

178 stars · GitHubexternal site

Visit github.comexternal site

Reactions (1)

Similar products

by description similarity

  1. Orbit Composer

    github.com

    a CSS tool for creating any kind of circular interface

    Hacker News6 pts

  2. SVG but Dramatic

    blog.viraptor.info

    Hacker News9 pts

  3. I made CSS-only glitch effect

    muffinman.io

    Slice It, Move It, Hue-rotate It!

    Hacker News50 pts

  4. Understanding the Spatial Web Browser Engine

    m-creativelab.github.io

    After absorbing opinions from the previous post, I wrote an article specifically introducing what a Spatial Web Browser Engine is.

    Hacker News21 pts

  5. I made first declaritive SVG,canvas framework

    flitter.pages.dev

    you can make your own chart or diagram easily than using d3

    Hacker News74 pts