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

꩜𖦹༄strawberr_milk8꩜𖦹༄	1783633753 Using ✮⋆˙ Report Comment
isaiah :D	1780073781 Using TY!! Report Comment
SknddAranxp	1777921772 Usandoo!! o⁠(⁠(⁠⁠^⁠▽⁠^⁠⁠)⁠)⁠o Report Comment
komodo	1773334365 using!!! Report Comment
moony	1772292277 using lmao Report Comment
VicoZCheerioZ	1772263233 using hhheheeh Report Comment
Sergio	1771440679 Using lol Report Comment
𝚁𝚘𝚌𝚘𝚌𝚘 𝚅𝚊𝚖𝚙𝚒𝚛𝚎	1768267466 usiiiiing Report Comment
Springtrap67	1766584906 usingggg Report Comment
Alex	1764293668 Very much needed this, thank you Report Comment
James	1759196968 lol i am using Report Comment
m0r13	1755616813 using!! Report Comment
Andreaz Abhorrence ☣︎	1752882337 Using Report Comment
★Sharoodiedudie⋆☆	1749981378 u s i n g Report Comment
crowbait [reanimated piece of roadkill]	1749800614 BWAHHAA USING Report Comment
Pio	1747495833 using Report Comment
Pio	1747495829 using Report Comment
Pe4rly	1744806341 using Report Comment
baseball with pants	1741786135 Using !! ☆ Report Comment
disorderology 次の春	1741588826 using! Report Comment