Puppetted Terezi Layout

Tags: homestuck, simple

Description:

A little terezi 2 put on ur profile whose hair && arm swings :333 Goes in the "About Me".

Preview:

Code:

<!-- (c) Layout created by averageGamester (https://layouts.spacehey.com/layout?id=100759) --> <div class="profile-pic-unique"> <div class="character hair"></div> <div class="character body"></div> <div class="character mouth"></div> <div class="character hand"></div> </div> <style> .character { z-index: 1 !important; top:300px; left: -260%; width: 800px; height: 700px; position:absolute; pointer-events: none; background-size: 100% 100%; } .character.hair{ background-image: url("https://64.media.tumblr.com/3389b645dc05890cf63726ea37c208c1/dd958522e2e7adf4-52/s1280x1920/28cd49866a387ddf3379905cba4b24695bb02edf.pnj"); animation: hair_swing 5s linear 0s infinite alternate; left: -275%; top:150px; } .character.hand{ background-image: url("https://64.media.tumblr.com/a70c97c2a491bd98c4f571851863e4c6/dd958522e2e7adf4-eb/s1280x1920/248da0a305f2688e76ebba994ea3f87ee3b6ca0c.pnj"); left: -259%; top:307.5px; animation: hand_swing 5s linear 0s infinite alternate; } .character.body{ background-image: url("https://64.media.tumblr.com/52f980a07cd1c311041966cd56e397e5/08cc0fa77366a66a-a5/s1280x1920/2792d8dd4292631f81bfd3c18b2d1b807e7d66d8.pnj"); animation: body_breathe 10s linear 0s infinite; } .character.mouth{ background-image: url("https://64.media.tumblr.com/6ce10f234949993e89b671a51cf2fcb6/08cc0fa77366a66a-45/s1280x1920/f6f0438c7ea0219fb84059ebde6df4118b5ece0d.pnj"); } @keyframes hand_swing { 0%{transform: rotate(0deg);} 50%{transform: rotate(30deg);} 100%{transform: rotate(0deg);} } @keyframes hair_swing { 0%{transform: rotate(5deg) translate(0px, 70px);} 50%{transform: rotate(-10deg) translate(0px, 70px);} 100%{transform: rotate(5deg) translate(0px, 70px);} } @keyframes body_breathe { 0%{transform: translate(0px, 0px);} 10%{transform: translate(0px, 0px);} 20%{transform: translate(0px, 0px);} 30%{transform: translate(0px, 0px);} 40%{transform: translate(0px, 0px);} 50%{transform: translate(0px, 0px);} 60%{transform: translate(0px, 0px);} 70%{transform: translate(0px, -5px);} 80%{transform: translate(0px, 0px);} 90%{transform: translate(0px, 0px);} 100%{transform: translate(0px, 0px);} } </style>

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.