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

NoName :P	1733859378 usinggg Report Comment
_Eno_	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
xXashXx	1714196196 using!!! Report Comment
Nesquik (Daisuke version)	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