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 102 comments ( View all | Add 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
Andreaz7000	1752882337 Using Report Comment
★Sharoodiedudie⋆☆	1749981378 u s i n g Report Comment
Sebastian 𖤐	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
WeHaveBeans	1741371185 using Report Comment
Eoyx Angel >__<	1741182973 Using! (changed the image and size) Report Comment
RayRay	1740767533 Imma use it! Report Comment
anime_6915	1739823179 using it, huge thanks! slightly modified tho p.s.: to change size you have to first set every thing from 100px to whateveryouwant in "translateZ (100px)" block then you have to set width and height in .face_12345 to twice of the value values in .container_12345 change perspective, and .cube_12345 width and height percentage is just some wonky shit, no idea use this "preview thingy" to test stuff https://nein-mc.neocities.org/csstest/ Report Comment BRO ILY THANK YOU SMM by Yuri X3; 1740237403; Report
Pe4rly	1739782253 using Report Comment
Igor(the allie is silent)	1739646165 using Report Comment
lev	1738800636 using :DD Report Comment