lighting animation shown on the image below

Store Design

Topic summary

A user wants to implement an interactive lighting animation on their website, similar to one found on Gantri’s product pages. The desired effect allows visitors to adjust light intensity using a slider control.

Key Details:

  • Reference example shows a dynamic lighting effect on a wall light product page
  • User has identified a specific visual on their own site (valencydesigns.com) where they want to apply this effect
  • The animation involves real-time brightness adjustments controlled by user input

Response:
A developer confirmed this requires custom JavaScript coding combined with CSS for styling and animations. They offered to continue the conversation through personal channels for collaboration.

Status: Discussion remains open; implementation details and technical approach not yet discussed in the thread.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

Hello,

I would like to implement the lighting animation shown on the image below, where the light intensity can be increased or decreased with a slider, on one of the visuals on my website. Could you please help me with this?

Example site and animation: https://www.gantri.com/products/10065/gio-wall-light-by-ammunition?sku=10065-sm-carbon

My website and the visual I want to use this effect on: https://valencydesigns.com/

The visual:

image.png
image.png774×642 168 KB

10 - Shelly-min.jpg
10 - Shelly-min.jpg1536×2048 372 KB

1 Like
2

This will need some coding with javascript and some css for styling and animation.

Please reach out via personal links below for a convenient conversation and collaboration.

Best

Shadab