New feature hint--timeout

[WR]

I want to show hint after 500 ms.

[Kushagra Gour]

If you want to do it the quick way, here is something you can append to your copy of hint.css file:

.hint--timeout:before, .hint--timeout:after {
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  transition-delay: 500ms;
}

[WR]

Thanks! What about hide hint in 1 sec and what about default properties whithout "--timeout"?

[Kushagra Gour]

.hint--timeout:before, .hint--timeout:after {
  -webkit-transition-delay: 1000ms;
  -moz-transition-delay: 1000ms;
  transition-delay: 1000ms;
}

.hint--timeout:hover:before, .hint--timeout:hover:after {
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  transition-delay: 500ms;
}

Above code will make tooltip appear in 500ms and hide in 1000ms. This will apply to elements having hint--timeout class only. Rest other tooltips will function normally.

[WR]

Great! Thanks!

[James Sterling]

Thanks, this is very useful!