Kacy-Jung Posted June 16 Posted June 16 (edited) Hi all I am trying to drop a #E2E558 shadow underneath my image on my home page when hover over. My site www.kacy-jung.com Attached images the former is a reference look to explain what I am trying to achieve, and the later is my site. Could somebody help me out how to achieve it? Many thanks! Edited June 16 by Kacy-Jung
Lesum Posted June 16 Posted June 16 @Kacy-Jung Hi! Try adding this code under Website > Pages > Website Tools > Custom CSS .homepage .image-block:hover { filter: drop-shadow(2px 2px 15px #E2E558); transition: filter 0.3s ease-in-out; } Kacy-Jung 1 If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee?
Kacy-Jung Posted June 19 Author Posted June 19 It works! Thank you so much!!! Do you know if I want to adjust the % (make it lighter, less intense), how can I do that? I really appreciate your help!
Kacy-Jung Posted June 19 Author Posted June 19 I think I worked it out by changing it to a lighter color! I think I am all set with this one. Thank you so much for the beautiful simple solution!
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment