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

Zangetsu	1736756031 Using Report Comment
𝐕𝐚𝐦𝐩𝐢𝐫𝐢𝐜 𝐝𝐫𝐨𝐨𝐥	1736755761 usinggg :) Report Comment
Crimsonn	1736740085 USING Report Comment
Crimsonn	1736740083 USING Report Comment
Vermillion	1735363634 Usinggg Report Comment
NoName :P	1733859378 usinggg Report Comment
★,°:.☆☆kirara☆☆.:°,★	1733580151 using Report Comment
༺☆𝓈𝘶ȵȵⲩ☆༻	1732379516 USINGGGG Report Comment
Matty	1731679982 ussing Report Comment
Matty	1731679982 ussing Report Comment
Boatboy	1730661756 oh my goodness gracious ABSOLUTELY USING THIS ONE Report Comment
ciara1114	1730605137 usingggg Report Comment
chokingPanic	1730016084 :33< h33h33 using !! Report Comment
rainyfrutea	1727988380 using :))) Report Comment
K4lly4evr	1727664009 Whistle baby whistle baby Report Comment
G4rlicBreaddd_	1725431297 using Report Comment
hana 🎵	1724221391 using!! >.0 Report Comment
ブルイ :3	1722624777 using!!!>< Report Comment
Baylee XD	1721743828 using! Report Comment
i'm on that good kush n alcohol	1717714955 tf did u do to my screen dawg /j Report Comment