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 4 of 4 comments ( View all | Add Comment )

cyrus	1714968755 using!! Report Comment
sha	1691823503 Usinggg Report Comment
☆ 𝐨𝐬𝐚𝐦𝐮 !!	1691015609 using (ﾉ´∀｀*) Report Comment
Morphinemuffin	1690986081 Using Report Comment