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