Useful Tooltips: CSS Tutorial (Day 18 of CSS3 in 30 Days)
video description
Date: 2022-03-14
Related videos
Comments and reviews: 3
Nollie
I don't really do a lot of CSS styling but you make it very interesting to watch. One though I had is why you don't split your screen so we can see more directly what each style is doing? If the files are small enough, the CodePen editor even does hot reloading without any page refreshes. Nonetheless great series so far
reply
I don't really do a lot of CSS styling but you make it very interesting to watch. One though I had is why you don't split your screen so we can see more directly what each style is doing? If the files are small enough, the CodePen editor even does hot reloading without any page refreshes. Nonetheless great series so far
reply
Wian
If you don't want the standard title to also appear with your custom tooltip, you can move your tooltip text into a data attribute instead of using the title eg.
title=-Tooltip text!- -> data-tooltip=-Tooltip text!- in your HTML and
content: attr(title); -> content: attr(data-tooltip); in your CSS
reply
If you don't want the standard title to also appear with your custom tooltip, you can move your tooltip text into a data attribute instead of using the title eg.
title=-Tooltip text!- -> data-tooltip=-Tooltip text!- in your HTML and
content: attr(title); -> content: attr(data-tooltip); in your CSS
reply
Annie
Very good tutorial and it renders in all browsers too, including IE. I have seen some complex one that doesn't render across all browsers. All tooltips should be written like this.
reply
Very good tutorial and it renders in all browsers too, including IE. I have seen some complex one that doesn't render across all browsers. All tooltips should be written like this.
reply
Add a review, comment
Other channel videos
