{
  "gem": {
    "slug": "direction-reveal-vg-0152",
    "name": "direction-reveal",
    "description": "Detects which edge the cursor entered or left an element from and reveals overlay content from that direction.",
    "url": "https://github.com/NigelOToole/direction-reveal",
    "domain": "github.com",
    "author": "Nigel O'Toole (@NigelOToole)",
    "license": "MIT",
    "category": "Backgrounds, Effects & CSS Oddities",
    "subcategory": "Hover effects",
    "tags": [
      "hover",
      "reveal",
      "css",
      "vanilla-js"
    ],
    "whyGem": "Direction-aware reveals read as expensive but are a few lines of geometry",
    "sourceType": "github",
    "image": "/api/public/library/og/VG-0152-480.webp",
    "pageUrl": "https://vibing.inc/library/direction-reveal-vg-0152"
  }
}