Lines Matching refs:hint

532     Now, when we have all the steps styled let's give users a hint how to navigate
535     The best way to do this would be to use JavaScript, show a delayed hint for a
543     First of all I wanted the hint to appear only when user is idle for a while.
545     hint by 5s using transition-delay.
548     make an assumption that I'll only show the hint on the first step. And when
549     the step is changed hide the hint, because I can assume that user already
552     To summarize it - hint is shown when the user is on the first step for longer
555     The other problem I had was caused by the fact that I wanted the hint to fade
557     But that also meant that the hint was always on the screen, even if totally 
561     CSS, so I needed a way to not only fade out the hint but also move it out of
564     I solved this problem by positioning the hint below the bottom of the screen
566     to be visible. I wanted the hint only to fade in and out visually, so I delayed
567     the fade in transition, so it starts when the hint is already in its correct
573 .hint {
575         We hide the hint until presentation is started and from browsers not supporting
598         By default we don't want the hint to be visible, so we make it transparent ...
612         Now let's imagine that the hint is visible and we want to fade it out and move out
619         This way user will not see the hint moving down.
629     Now we 'enable' the hint when presentation is initialized ...
631 .impress-enabled .hint { display: block }
636 .impress-on-bored .hint {
638         We remove the transparency and position the hint in its default fixed
653         First after 4.5s delay we animate the transform property to move the hint
692     for click events. That means that the hint element is also not clickable.