Dev Design Library

Sonar Mask Reveal

A sonar mask reveal — concentric rings cut from a repeating-radial-gradient CSS mask thicken outward from the center, filling the gaps between them, until the whole frame is uncovered.

Sonar Mask Reveal preview
Library
Pixel Perfect
Framework
React
Type
block
License
MIT
Dependencies
gsap
Files
  • registry/new-york/mask/sonar-mask-reveal.tsx
Source
https://github.com/vansh-nagar/Pixel-Perfect

Categories

More from Pixel Perfect