| 15,17 → 15,19 |
| |
| /* 0.0 to 1.0 s */ |
| <?php |
| /* hide up to 0.25 s */ |
| Mixins::keyframes('fade-in', <<<CSS |
| from, 25% { |
| Mixins::keyframes('fade-in', |
| 'from { |
| opacity: 0; |
| } |
| |
| /* at 0.25 s */ |
| 25% { |
| opacity: 0; |
| } |
| |
| to { |
| opacity: 1; |
| } |
| CSS |
| ); |
| }'); |
| ?> |
| |
| body.fade-in { |
| 36,13 → 38,15 |
| |
| /* 0.0 to 0.6 s */ |
| <?php |
| /* up to shortly before 0.6 s */ |
| Mixins::keyframes('empty-content', <<<CSS |
| from, 99% { |
| Mixins::keyframes('empty-content', |
| 'from { |
| opacity: 0; |
| } |
| CSS |
| ); |
| |
| /* 0.6 s */ |
| 99% { |
| opacity: 0; |
| }'); |
| ?> |
| |
| .empty.fade-in #content { |
| 97,13 → 101,15 |
| |
| /* 0.0 to 0.5 s */ |
| <?php |
| /* up to shortly before 0.5 s */ |
| Mixins::keyframes('bow-top-text', <<<CSS |
| from, 99% { |
| Mixins::keyframes('bow-top-text', |
| 'from { |
| opacity: 0; |
| } |
| CSS |
| ); |
| |
| /* shortly before 1.0 s */ |
| 99% { |
| opacity: 0; |
| }'); |
| ?> |
| |
| .fade-in #bow-top .text { |
| 134,13 → 140,15 |
| |
| /* 0.0 to 0.5 s */ |
| <?php |
| /* up to shortly before 0.5 s */ |
| Mixins::keyframes('footer-text', <<<CSS |
| from, 99% { |
| opacity: 0; |
| } |
| CSS |
| ); |
| Mixins::keyframes('footer-text', |
| 'from { |
| opacity: 0; |
| } |
| |
| /* shortly before 0.5 s */ |
| 99% { |
| opacity: 0; |
| }'); |
| ?> |
| |
| .empty.fade-in #footer .text { |
| 153,13 → 161,15 |
| |
| /* 0.0 to 0.625s */ |
| <?php |
| /* up to 0.5s */ |
| Mixins::keyframes('bow-top-left', <<<CSS |
| from, 80% { |
| Mixins::keyframes('bow-top-left', |
| 'from { |
| height: 0; |
| } |
| CSS |
| ); |
| |
| /* at 0.5s */ |
| 80% { |
| height: 0; |
| }'); |
| ?> |
| |
| .fade-in #bow-top-left { |
| 172,11 → 182,15 |
| |
| /* 0.0 to 0.63s */ |
| <?php |
| /* up to ca. 0.61875s */ |
| Mixins::keyframes('menu-container', <<<CSS |
| from, 98% { |
| from { |
| opacity: 0; |
| } |
| |
| /* at ca. 0.61875s */ |
| 98% { |
| opacity: 0; |
| } |
| CSS |
| ); |
| ?> |
| 191,11 → 205,15 |
| |
| /* 0.0 to 0.63s */ |
| <?php |
| /* up to ca. 0.61875 s */ |
| Mixins::keyframes('menu', <<<CSS |
| from, 98% { |
| from { |
| opacity: 0; |
| } |
| |
| /* at ca. 0.61875 s */ |
| 98% { |
| opacity: 0; |
| } |
| CSS |
| ); |
| ?> |
| 237,9 → 255,8 |
| ?> |
| } |
| |
| /* 0.0 to 0.75s */ |
| /* 0.0 to 0.875s */ |
| <?php |
| /* hide up to 0.7425 s */ |
| Mixins::keyframes('elbo-bg', <<<CSS |
| from, 99% { |
| opacity: 0; |
| 258,13 → 275,16 |
| ?> |
| } |
| |
| /* 0.0 to 0.875 s */ |
| /* 0.0 to 0.875 */ |
| <?php |
| /* hide up to 0.86625 s */ |
| Mixins::keyframes('elbo', <<<CSS |
| from, 99% { |
| from { |
| opacity: 0; |
| } |
| |
| 99% { |
| opacity: 0; |
| } |
| CSS |
| ); |
| ?> |
| 279,11 → 299,15 |
| |
| /* 0.0 to 1s */ |
| <?php |
| /* up to 0.99 s */ |
| Mixins::keyframes('elbo-border', <<<CSS |
| from, 99% { |
| from { |
| opacity: 0; |
| } |
| |
| /* 0.99 s */ |
| 99% { |
| opacity: 0; |
| } |
| CSS |
| ); |
| ?> |
| 299,11 → 323,14 |
| |
| /* 0.0 to 1.125s */ |
| <?php |
| /* hide up to 1.11375 s */ |
| Mixins::keyframes('content', <<<CSS |
| from, 99% { |
| from { |
| opacity: 0; |
| } |
| |
| 99% { |
| opacity: 0; |
| } |
| CSS |
| ); |
| ?> |
| 317,4 → 344,4 |
| Mixins::animation('-duration', '1.125s'); |
| Mixins::animation('-timing-function', 'linear'); |
| ?> |
| } |
| } |