Messing Around with CSS3 Shadows

Method 1 - This tooltip uses box-shadow. Notice that everything is nice and crisp, but the ::after pseudo-element doesn't inherit the shadow.

Method 2 - This tooltip uses box-shadow along with a text-shadow on the ::after pseudo-element. This method has the best browser compatibility.

Method 3 - This tooltip uses filter: drop-shadow. The ::after pseudo-element inherits the shadow, but now everything is a blurry mess.

Method 4 - This tooltip uses filter: drop-shadow with backface-visibility set to hidden. And voilà, no more blurry mess. Only caveat? It doesn't work in Firefox.