| index : btroops | |
| Virtual board game-aid for BattleTroops, an infantry combat simulator wargame published by FASA in 1989. |
| aboutsummaryrefslogtreecommitdiff |
diff options
| author | Catalin Mititiuc <webdevcat@proton.me> | 2024-04-22 12:09:50 -0700 |
|---|---|---|
| committer | Catalin Mititiuc <webdevcat@proton.me> | 2024-04-22 12:09:50 -0700 |
| commit | c23d9be9545d714d90a380197ba5e8411e73d6df (patch) | |
| tree | 8f2d18ff17a22567cbca3cc6aa3ba7d03f9d1edf /public | |
| parent | b443b37a1110866db1352cf201f14f1916cd217b (diff) | |
Fade the map in after it is done loading
Diffstat (limited to 'public')
| -rw-r--r-- | public/index.html | 4 | ||||
| -rw-r--r-- | public/style.css | 5 |
2 files changed, 9 insertions, 0 deletions
diff --git a/public/index.html b/public/index.html index 68acea4..a60db29 100644 --- a/public/index.html +++ b/public/index.html @@ -143,6 +143,10 @@ </fieldset> </div> + <div class="map-placeholder"> + Loading... + </div> + <object type="image/svg+xml" data="map.svg"></object> <div id="status"> diff --git a/public/style.css b/public/style.css index 00d9d74..a8fa57a 100644 --- a/public/style.css +++ b/public/style.css @@ -16,6 +16,11 @@ svg, object { height: 100%; } +object { + opacity: 0; + transition: opacity 0.25s; +} + svg image { image-rendering: pixelated; } |