How can I slow down the image hover effect in Tastelink theme?

Store Design
, , ,
1

Hello, i just made my shopify store and enabled the ‘show second image on hover’ and i love it, but it is a little to fast. Does anybody know how to make this a little bit slower?

Theme: Taste

link:https://e8aaa0-3.myshopify.com/

password: mohwhi

2

Hi @PRETTYFRIDAYS ,

Please follow these steps:

Step 1: Go to Edit code

![view - 2023-11-29T150412.626.png|1919x868](upload://nkOl9BTHPmwVHPwLWUUmTqOut9a.jpeg)

Step 2: Go to CSS file, maybe base.css or theme.css

![view - 2023-11-29T150428.401.png|1919x1009](upload://3qxW6l5HnkBwSHht35YUo4Z03yn.png)

Step 3 : Add the code

.media > img {
  transition: opacity 3s cubic-bezier(.25, .46, .45, .94) !important;
}

**I hope this helps! If it works for you, please mark it as a solution. I am very happy about that. Have a great day! @PRETTYFRIDAYS **

3

Thank you so much, it tooks me a day to find this solution, I have Dawn theme, this is perfect and very effective/smart solution!