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.