Today we will be building some tooltips with nothing more than CSS. The idea is we hide the tooltip, and we will show it once hovering over the div...
For further actions, you may consider blocking this person and/or reporting abuse
This can be done without the fixed width and without the extra markup and classes:
Building a tooltip with only CSS
Nathan Kallman ・ Jun 3 ・ 7 min read
Yeah pseudo classes really are king
Native HTML: tooltips
Andrew Bone ・ Apr 14 ・ 2 min read
Very nice, I love how many ways there are to solve one problem.
Definitely going to give the attributes a try
Hey, That's a very neat solution man!
How is the browser support on those selectors?
I do guess my solution could be converted to use the dynamic width, but I like your approach!
I haven't tested extensively... but caniuse gives pretty wide support:
caniuse.com/#feat=css-gencontent
caniuse.com/#search=attribute%20se...
caniuse.com/#feat=calc
The most problematic one looking to be
calcin IE may or may not work correctlyNice, I'm going to give them a try
Awesome, these selectors are amazing, created the alternative way as well:
dev.to/dailydevtips1/css-only-tool...
It is embedded above, but dev.to doesn't seem to render the codepens. So someone asked me if i could at-least add images so they could see how it looks.
You can input a line like this in you markdown
and it will render like this in your post
There's plenty of good stuff in the editor guide
Awesome man, It seems to work different on all platforms haha, probably should have read the editor guide yes 🤯