The CSS transition property allows for a lot of really cool effects in your design but it has definitely caused me to bang my head against the desk a few times. Here are some details about the transition property that aren’t very well documented.
Disclaimer: Alright, don’t get too excited. This stuff isn’t backwards-compatible at all. However, there are fallback solutions and it’s pretty darn cool that it’s actually being spec’d.
Web designers were begging for CSS to add variables and calculations for years before SASS and LESS came along, giving us the ability to use these shiny new toys to our heart’s content. However, SASS and LESS output can sometimes bloat your CSS sheets and while it’s pretty fun to play with, it’s a pain to have to recompile your CSS after every change. Fortunately, the W3C has come in like the proverbial nanny and started giving them a spit shine to make them all fresh and new again.
Pure CSS tooltips have been a thing for a while now but all of the solutions I’ve found have had limitations. After reading through Louis Lazaris’s article, Pure CSS Tool Tips Revisited over at ImpressiveWebs, I decided to make a few modifications of my own to his design.