Image Slide Banner Zoom out Effect

Shopify Discussion

Topic summary

A user is seeking help adding a zoom-out transition effect to an image slider banner on their Shopify store’s main page, which currently displays 3-4 images.

Proposed Solution:

  • Another user suggests inserting custom CSS code into the theme.liquid file
  • The code should be placed above the closing tag
  • The responder requests feedback on whether the solution works

Status: The discussion appears to contain garbled or reversed text in parts, making the exact CSS solution unclear. The issue remains open pending implementation and verification of the suggested fix.

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

I am using image slider to display 3-4 images on my main page. I need to add zoom out feature to change from 1 image to another. How do I do that ?

I want to replace slider transition to zoom out

my store URL: https://aahbitshop.myshopify.com/

2

Hi @Lee_Sha Just copy and paste below CSS code in your theme.liquid file above tag

Please let me know if works and mark as solve!