Tooltips are a very common pattern used in CSS for years. There are a lot of ways to approach tooltips in CSS, though some evoke headaches with all the magic numbers they require. In this article, Temani Afif presents modern techniques to create tooltips with the smallest amount of markup and the greatest amount of flexibility. In a previous article, we explored ribbon shapes and different ways to
![Modern CSS Tooltips And Speech Bubbles (Part 1) — Smashing Magazine](https://cdn-ak-scissors.b.st-hatena.com/image/square/38d4ad7801c57bab19e22aca51e8fa132ec14f3c/height=288;version=1;width=512/https%3A%2F%2Ffiles.smashing.media%2Farticles%2Fmodern-css-tooltips-part1%2Fmodern-css-tooltips-speech-bubbles.jpg)