white man jumpscare

Tags: gif, animation, loop, cute, hutcherson, fnaf, tweak

Description:

Animation of an unreleased angel from Evangelion ( Josh Hutcherson - cubic form ) can you blow my whistle baby can you blow my whistle baby ?!?!??????????? (just a 3d cube with a gif that bounces like a dvd logo)

Preview:

click on the image for a larger preview

Code:

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

  <style>


    .container_12345 {
      perspective: 800px;
      width: 200px;
      height: 200px;
      position: absolute;
      top: 0;
      left: 0;
      animation: bounce_12345 15s infinite linear; 
    }

    .cube_12345 {
      width: 100%;
      height: 100%;
      position: absolute;
      transform-style: preserve-3d;
      animation: spin_12345 5s infinite linear;
    }

    .face_12345 {
      position: absolute;
      width: 200px;
      height: 200px;
      background: url('https://media.tenor.com/ETzfWFJsF8cAAAAd/josh-hutcherson-josh-hutcherson-whistle-edit.gif');
      background-size: cover;
      border: 1px solid #ccc;
      box-sizing: border-box;
    }

    .front_12345  { transform: rotateY(0deg) translateZ(100px); }
    .back_12345   { transform: rotateY(180deg) translateZ(100px); }
    .right_12345  { transform: rotateY(90deg) translateZ(100px); }
    .left_12345   { transform: rotateY(-90deg) translateZ(100px); }
    .top_12345    { transform: rotateX(90deg) translateZ(100px); }
    .bottom_12345 { transform: rotateX(-90deg) translateZ(100px); }

    @keyframes bounce_12345 {
      0%, 100% { 
        transform: translate3d(0, 0, 0); 
      }
      25%, 75% {
        transform: translate3d(calc(100vw - 200px), calc(100vh - 200px), 0);
      }
      50% {
        transform: translate3d(0, 0, 0);
      }
    }

    @keyframes spin_12345 {
      0%   { transform: rotateY(0deg); }
      100% { transform: rotateY(360deg); }
    }
  </style>

  <div class="container_12345">
    <div class="cube_12345">
      <div class="face_12345 front_12345"></div>
      <div class="face_12345 back_12345"></div>
      <div class="face_12345 right_12345"></div>
      <div class="face_12345 left_12345"></div>
      <div class="face_12345 top_12345"></div>
      <div class="face_12345 bottom_12345"></div>
    </div>
  </div>

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

Baylee XD	1721743828 using! Report Comment
kenny	1717714955 tf did u do to my screen dawg /j Report Comment
thrixm🖤	1715963545 usando! Report Comment
xXashXx	1714196196 using!!! Report Comment
Nesqu1k!!	1712970444 USING !! Report Comment
em the slay/slem	1712742721 blessing my page with our beautiful man Report Comment
just a silly ragazza!!	1711386632 HELP HES ON MY SCREEN Report Comment
Gerda	1708628151 beautyflll , using Report Comment
V3IMM3N	1708466512 Using!! Report Comment
Silas	1708122847 using Report Comment
Szymi	1708093448 Usiingg Report Comment
aqwvxv	1707895468 using Report Comment
spacebf	1706910938 using Report Comment
danny.blue	1706766382 Usando Report Comment
Aqua🪼	1706558696 Usando! Report Comment
Doctor Goole	1706447879 Setting up my sisters profile, hope she likes this XD Report Comment
sam1swlt	1706369326 usinggggg Report Comment
memito	1706328406 usando Report Comment You didn't copied the code correctly by wareti; 1706438898; Report
ℒᥙкⲁ :3	1706311617 USANDOO ! Report Comment
palebludotz	1706054758 using !! Report Comment