flutter shy loading screen

Tags:

Description:

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Sammy (https://layouts.spacehey.com/layout?id=37127) -->

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://media.tenor.com/AIK1DXq-c84AAAAC/fluttershy-blushing.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 2s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 5 of 5 comments ( View all | Add Comment )

toodles ❗	1738715422 Using!!! Report Comment
somnum	1714968755 using!! Report Comment
sha	1691823503 Usinggg Report Comment
⟢ . zevin ´ཀ`	1691015609 using (ﾉ´∀｀*) Report Comment
Morphinemuffin	1690986081 Using Report Comment Using by NanaPonponSisi; 1770032456; Report