newcoder1010 Posted February 21, 2021 Share Posted February 21, 2021 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! Link to comment Share on other sites More sharing options...
dsonesuk Posted February 21, 2021 Share Posted February 21, 2021 You need to use inset for inner box shadow. Link to comment Share on other sites More sharing options...
newcoder1010 Posted February 22, 2021 Author Share Posted February 22, 2021 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; Link to comment Share on other sites More sharing options...
dsonesuk Posted February 23, 2021 Share Posted February 23, 2021 box-shadow: -90px 0 20px -20px inset #d51414 ; Link to comment Share on other sites More sharing options...
newcoder1010 Posted February 23, 2021 Author Share Posted February 23, 2021 Thank you! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now