newcoder1010 3 Posted Sunday at 06:09 PM Report Share Posted Sunday at 06:09 PM 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 Sunday at 06:44 PM Report Share Posted Sunday at 06:44 PM You need to use inset for inner box shadow. Quote Link to post Share on other sites
newcoder1010 3 Posted Monday at 11:10 PM Author Report Share Posted Monday at 11:10 PM 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 Tuesday at 03:43 AM Report Share Posted Tuesday at 03:43 AM box-shadow: -90px 0 20px -20px inset #d51414 ; Quote Link to post Share on other sites
newcoder1010 3 Posted Tuesday at 08:36 PM Author Report Share Posted Tuesday at 08:36 PM 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.