newcoder1010 3 Posted February 21 Report Share Posted February 21 Hello, How can I apply shadow to the right of an image similar to this one? https://drive.google.com/file/d/1g201H_-EJCMb6qpj3rNVejnWiyuyce7r/view?usp=sharing I tried this one but does not look as good as the above link. #example1 img{ border: 1px solid; padding: 10px; box-shadow: 5px 10px 8px 10px #888888; } Thanks! Quote Link to post Share on other sites
dsonesuk 921 Posted February 21 Report Share Posted February 21 You need to use inset for inner box shadow. Quote Link to post Share on other sites
newcoder1010 3 Posted February 22 Author Report Share Posted February 22 I am struggling to put shadow to right side only like the picture. This code puts the shadow left and right. How can I apply the shadow to the right side only? box-shadow: inset -7px 0 90px -7px #d51414; Quote Link to post Share on other sites
dsonesuk 921 Posted February 23 Report Share Posted February 23 box-shadow: -90px 0 20px -20px inset #d51414 ; Quote Link to post Share on other sites
newcoder1010 3 Posted February 23 Author Report Share Posted February 23 Thank you! Quote Link to post Share on other sites
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.