CODEWITHSUNDEEP
htmlcss
Rob Crouch
Rob Crouch

Reputation: 53

Rotated CSS Box Shadow

All can anyone tell me how i could possible get this rotated shadow to an image using CSS?

If possible also with the border radius done in CSS

Image

Upvotes: 0

Views: 1155

Answers (1)

isherwood
isherwood

Reputation: 61063

You'd probably have to create a transparent element with the shadow applied and rotate that behind your image. Something like: 

<div class="img-wrapper" style="position: relative;">
    <div class="img-shadow" style="position: absolute; z-index: 1;"></div>
    <div class="img" style="position: absolute; z-index: 2;"></div>
</div>

SO isn't a "free freelancer" service, so give it a try and update your question with any issues you encounter.

Upvotes: 1

Related Questions