Subaru loading screens cuz i love him

Tags: diabolik lovers, gif, pink, white, animation, loop

Description:

I did more of him bc why not, there are 4 LS, all 4 LS will not appear together as the image (don't copy the numbers above each code they are just to clarify which is which) Please comment if u use

Preview:

click on the image for a larger preview

Code:

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

1-

<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://img.wattpad.com/4c4e772d4734fc276027cf459e675a7025489998/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f776174747061642d6d656469612d736572766963652f53746f7279496d6167652f30436b636a65574948446e4e30773d3d2d3138362e313466656664646233363638386161653636383438313532333531332e676966');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 1s ease 1s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>



2-

<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://i.pinimg.com/originals/86/f5/1a/86f51a0bf0923982c894705418b80afc.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 1s ease 1s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>



3-

<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://i.pinimg.com/originals/39/65/12/3965122f87f8116f73d742248b22aebf.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 1s ease 1s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>



4-

<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://i.pinimg.com/originals/f1/2b/47/f12b47f56621579c769242bfa80a0ce4.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 1s ease 1s 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 )

samicecream	1709663184 using !! Report Comment
Len:33	1708805881 usandoo:3 Report Comment
mahi	1708072479 solo aparece una imagen y no las 4, sale subaru con la mano de yui Report Comment no son las 4 juntas, son 4 loading screen, los codigos son para cada una por separado by liilith; 1708094257; Report :0000 gracias qwq by mahi; 1708100589; Report de nada, perdón si confundí con el loading screen(╥﹏╥) by liilith; 1708101031; Report
mahi	1708072412 usando Report Comment