more shuu loading screen!!

Tags: gif, loop, animation, diabolik lovers, anime

Description:

lol it's very entertaining make this things +.+ Please comment if you use!

Preview:

Code:

<!-- (c) Layout created by liilith (https://layouts.spacehey.com/layout?id=99607) --> 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/6c3c1805f2f87e7dbb426f43fc1f7b59307a7764/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f776174747061642d6d656469612d736572766963652f53746f7279496d6167652f6448466838617a754856776635773d3d2d313039303731333438382e313638633061376338626632383438353634353437323137363736332e676966'); 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://64.media.tumblr.com/bcfb49d879466b1890513aae8ce9744e/bf4acdf8a67c0b8c-b8/s640x960/55e39869f6fa6f7b1de9ff252bebb250b1366fd5.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://64.media.tumblr.com/72cbad0c747eee203188b9c01b2ffa3b/c92371a1177402f7-0d/s500x750/670b95f4044f329a5cf17bc4883ce5470bbe2b8d.gifv'); 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://64.media.tumblr.com/bb2e0a1b6690bd2b00f603301abfe2c8/f6ba9a33d71e9b60-62/s640x960/036bae5d5ebb6e4172a82d3c5e436ea70f7fb75a.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.