CSS: How to add shadow on Tooltip Arrow?

HTML-CSS
1

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!!!

https://codepen.io/JackEdwardLyons/pen/YbQWXr

2

Check out this solution on stackoverflow:

1 Like
3

Awesome thank you so much :slight_smile:

1 Like