From fb93aa672757fa9aa8949360036c82031829948d Mon Sep 17 00:00:00 2001 From: stalov Date: Tue, 15 May 2018 23:14:54 +1000 Subject: [PATCH] Preloaded built insite iframe, so first load without cached js bundle is more user-friendly --- web/iframe.html | 34 +++++++++++++++++++++++++++++++++- 1 file changed, 33 insertions(+), 1 deletion(-) diff --git a/web/iframe.html b/web/iframe.html index a1cb7180..af90da77 100644 --- a/web/iframe.html +++ b/web/iframe.html @@ -13,10 +13,42 @@ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } + .iframe_preloader { + position: absolute; + left: 0; + right: 0; + margin: 0 auto; + width: 60px; + text-align: center; + font-size: 0; + } + .iframe_preloader__bounce { + display: inline-block; + width: 10px; + height: 10px; + margin-right: 3px; + background-color: #333; + border-radius: 100%; + animation: iframePreloaderBounce 1.4s infinite ease-in-out both; + } + .iframe_preloader__bounce:first-child {animation-delay: -.32s;} + .iframe_preloader__bounce:nth-child(2) {animation-delay: -.16s;} + .iframe_preloader__bounce:last-child {margin-right: 0;} + @keyframes iframePreloaderBounce { + 0% {transform: scale(0);} + 40% {transform: scale(1);} + 80%, 100% {transform: scale(0);} + } -
+
+
+
+
+
+
+