LumeShift

Hover slider with text & image reveal

A hover reveal slider where headlines and background images animate together in perfect sync. Multiple transition types, staggered delays, and full customization. Built for agency service sections, portfolios, and landing pages that need premium motion-driven storytelling. Features Text and image animate together on hover for a seamless reveal Four animation types — fade, slide, scale, mixed transitions Staggered delay control between text and image reveal Up to 6 slides with headline and image per slide Animation duration and easing controls Dynamic accent color that syncs with hover animations Custom section title label above the slider Image corner radius — rounded or sharp edges Full typography controls for section title and slide text Background color customization Text color and accent color controls Responsive across all screen sizes No code needed — all controls in Framer panel Property Controls Slides — up to 6 slides · headline and image per slide Animation — type (fade, slide, scale, mixed) · duration · easing · stagger delay Styling — image radius · background color · text color · accent color Typography — title font · slide font · size · spacing · alignment Section — custom section title label Use Cases Agency service sections · Creative portfolios · Product feature highlights · Landing pages · Event and campaign pages · Hero sections · Startup homepages SEO Keywords framer hover slider · framer text image slider · framer reveal slider · framer hover animation · framer service section · framer portfolio slider · framer animated slider · framer hover reveal · framer agency component · framer content slider · framer motion slider · framer stagger animation · framer landing page component · framer code component · framer interactive slider

Hover slider with text & image reveal