Lines Matching refs:in
80 We set up <body> styles with default font and nice gradient in the background.
136 And then we hide the message, when support is detected in the browser.
163 We start with basics to make sure it displays correctly in everywhere ...
396 As you can see below I've 'hard-coded' it in data URL.
417 And the "it's in 3D" step again brings some 3D typography - just for fun.
419 Because we want to position <span> elements in 3D we set transform-style to
421 It is not needed by webkit browsers, but it is in Firefox. It's hard to say
424 #its-in-3d p {
434 to default position in 0.5s when the step gets `present` class.
438 #its-in-3d span,
439 #its-in-3d b {
454 #its-in-3d .have {
462 #its-in-3d .you {
470 #its-in-3d .noticed {
478 #its-in-3d .its {
486 #its-in-3d .in {
494 #its-in-3d .footnote {
504 #its-in-3d.present span,
505 #its-in-3d.present b {
515 There is no content in it, so we make sure it's not visible because we want
536 first time users, then hide it and store a status in cookie or localStorage...
544 You can't detect the 'idle' state in CSS, but I delayed a appearing of the
547 You also can't detect in CSS if the user is a first-time visitor, so I had to
556 in and out. It can be easily achieved by transitioning the opacity property.
560 Unfortunately you cannot transition between display `block` and `none` in pure
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
638 We remove the transparency and position the hint in its default fixed
650 Now for fade in transition we have the oposite situation from the one
654 into its correct position and after that we fade it in with opacity
666 It happens a lot in Chrome. I don't remember if I've seen it in Firefox.
668 Sometimes the element positioned in 3D (especially when it's moved back
681 everything 'unclickable' except what's in #impress element.
700 That's all I have for you in this file.