simona6 Posted August 7 Share Posted August 7 I am using this on some Divs to create a curved bottom to it. clip-path: ellipse(100% 60% at 50% 40%) Trouble is, I don't see how I can get a shadow under it, because the shadow still want to go from the 'very' bottom of the container. How in CSS can I get this curved effect, and the shadow beneath it? Quote Link to comment https://forums.phpfreaks.com/topic/322896-how-do-you-get-shadow-under-clip-path/ Share on other sites More sharing options...
simona6 Posted August 7 Author Share Posted August 7 Unless someone has a better idea, I just found the solution. You apply the Filter Drop Shadow to the Curved Bottom's outer containing Div: .container{ filter: drop-shadow(0px 10px 5px rgba(0,0,0,0.5)); } .shape{ clip-path: polygon(50% 0%, 0% 100%, 100% 100%); background:red; width:100px; height:100px; transform: rotate(75deg); } Tho it only works with Filter: Drop Shadow, which doesn't appear to let me narrow the width, but move it down, which you can with box-shadow... ideas? Quote Link to comment https://forums.phpfreaks.com/topic/322896-how-do-you-get-shadow-under-clip-path/#findComment-1632144 Share on other sites More sharing options...
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.