About Portal CTA
About Portal CTA
End the page with a way through. A circular pane of glass that magnifies and bends whatever is behind it and follows the cursor like real thickness. Hovering lifts the rim light and deepens the refraction; clicking grows the glass from where it stands until it covers the screen, and only then follows the link. Colour field, rings, grid or photograph behind it, full colour control, keyboard and reduced-motion aware.
Features
• A circular glass portal that magnifies and refracts the scene behind it.
• Cursor refraction: the view through the glass moves against the pointer.
• Hover and focus grow the portal, deepen the refraction and lift a rim light.
• Click grows the glass to cover the screen, then follows the link.
• Four scenes — glow, rings, grid or your own photograph, with an image dim.
• Refraction, Distortion, Magnify, Blur, Tint, Rim and Glow all on sliders.
• Transition time and four easing curves.
• Real link and button semantics, with modified clicks left to the browser.
• No WebGL, no canvas and no animation library.
• One standalone React + TypeScript file.
• 27 controls in the Framer properties panel
• Respects prefers-reduced-motion
• Renders correctly on the Framer canvas and in export
Created by LUNAUT Studio.





