Twenny-wan Kid Spinning Profile Cube

Tags: vine, twentyone, 21, you stupid, no im not, whats 9+10, 9+10

Description:

twenny wan kid

USED CODE FROM https://layouts.spacehey.com/layout?id=89840 (you can do this with any img/gif that is a square, just replace the link)

Preview:

Code:

<!-- (c) Layout created by eddie (https://layouts.spacehey.com/layout?id=92167) --> <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://media1.tenor.com/m/rOaZl9xBDfwAAAAd/vine-21.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.