Kacy-Jung Posted June 16 Share 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 Link to comment
Lesum Posted June 16 Share 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? Link to comment
Kacy-Jung Posted June 19 Author Share 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! Link to comment
Kacy-Jung Posted June 19 Author Share 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! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment