CSS: How to add shadow on Tooltip Arrow?

Hi guys,

I’m working on a custom tooltip and having trouble making the shadow on the arrow look good. It is using ::before and ::after pseudo classes, but I just can’t get the shadow to wrap around the arrow and look “natural”… Does anyone have any ideas of a way to make this possible? When I try adding shadow it always looks so “blocky”…

Thank you!!!


Check out this solution on stackoverflow:

1 Like

Awesome thank you so much :slight_smile:

1 Like