Move Things Out Of Place (Base)

Tags:

Description:

finally discovered how to make this so here yall go

Preview:

Code:

<!-- (c) Layout created by shuggy (https://layouts.spacehey.com/layout?id=82009) --> <style> .friends-grid::before { width: 1000px; height: 80px; object-fit: cover; margin-bottom: 10px!important; } .friends-grid::before{ content: ""; display: flow-root; font-size: 30px; color: var(--lighter-blue); font-weight: 800; text-align: center !important; margin: 10px 300px 500px 0px; position: relative; animation-fill-mode: forwards; } .friends { border: none; overflow: hidden; } .friends-grid { position: relative; animation: myfirst 15s linear infinite; animation-fill-mode: forwards; } @keyframes myfirst { 0% {left:-1550px;} 100% {left:500px;} } .friends-grid { display: flex; flex-wrap: nowrap; } </style> <style> .profile{ direction: rtl; } .blurbs{ direction: ltr; } .blog-preview{ direction: ltr; } .friends{ direction: ltr; } .general-info{ direction: ltr; } .contact{ direction: ltr; } .url-info{ direction: ltr; } .details-table{ direction: ltr; } .profile .table-section .heading{ direction: ltr; } .details p{ direction: ltr; } .mood{ direction: ltr; } }</style> <style> /* floating animations */ .profile-pic, .profile .friends .person img:not(.icon), .profile .friends .person p, .profile h1{ animation-name: floating; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; margin-left: 0px; margin-top: 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.