Advanced CSS Tooltips Without Javascript

Опубликовано: 17 Февраль 2022
на канале: Mimo Duo

256

Replacing JavaScript solutions with CSS is every front end developer's dream come true. For tooltips there can be tons of JavaScript but do we really need all that? Let's find out!

Chapters:
00:00 Intro
00:32 HTML
01:32 Base CSS
02:21 Square Arrow
05:05 Border Arrow
06:10 Positioning
07:40 Tooltip Width Trick
09:08 Hover State + Animations
12:19 Adding Shadows
13:58 Outro

Related Codepen:
https://codepen.io/mimoduo/pen/bGoBLpa

Related positioning video:
   • How to Center a Div and Position it Anywhere

🧠 CSS Tutorials Playlist:    • Flexbox CSS for Absolute Beginners
⚔️ CSS Battle Playlist:    • Radial Gradient Deep Dive - CSS Battle Wee...

*

👽 Follow Mimo Duo
Codepen: https://codepen.io/mimoduo
Github: https://github.com/mimoduo