remy's profile picture

Layout published by remy

published
updated

Add to Favorites

View Layouts

View Profile

Report Layout

Floating Profile Animation

Tags: float, floating, animation, floating animation

Description:

i nearly drove myself crazy trying to figure out how to make things float so i figured i'd help other people out by posting it here (and if here isn't the right place for it, sorry!)

you'll take whats posted in the layout code section and put it at the very bottom of your style code, right above the last /style is, and anywhere you want something to float you'll toss in "animation: floating 3s ease-in-out infinite"

if you want the whole profile to float you'll put it where the main section is, so for example from my profile code it would look like this!:

main {
background-color: #F79BB7;
color: white;
animation: floating 3s ease-in-out infinite
}

play around with where you put it to see what you can make float, and have fun! [EDIT] i didn't realize until now it deleted part of my tutorial, im so sorry! i've just fixed it and, since im here, i'll plug this link here https://nein-mc.neocities.org/csstest/ for coding your profile in real time, it helps with playing around!

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

scarletttt_

scarletttt_'s profile picture

gonna try it so uhh using!!


Report Comment

esther

esther's profile picture

it works but it's shrinking my profile box a little and it's bothering me :( how to fix?


Report Comment

Enaan cheese

Enaan cheese's profile picture

YOU SAVED MY LIFE THANK YOU (usiiiiiiing !!!)


Report Comment

Manteca

Manteca's profile picture

Using it, thanks!! ^^


Report Comment

angel

angel's profile picture

using


Report Comment

S9!D6R

S9!D6R's profile picture

using OMG tysm


Report Comment

V1X3NX3

V1X3NX3's profile picture

i feel really stupid rn but i cant figure out how to get the same effect as you where your entire section floats iykwim


Report Comment

Sky

Sky's profile picture

Jus wondering cuz im kind of new to coding lol can u make a pic of yourself float like in ur profile? I been tryna figure out how to do that might tried this code to see if it’ll work idk how to do the placement tho


Report Comment

﹔ kainγ€€πœ—πœš

﹔ kainγ€€πœ—πœš's profile picture

using !!


Report Comment

seikenista

seikenista's profile picture

usingg!!


Report Comment

Gae X_X

Gae X_X's profile picture

using <3


Report Comment

.π•΄π–“π–ˆπ–”π–’π–•π–—π–Šπ–π–Šπ–“π–˜π–Žπ–‡π–Žπ–‘π–Žπ–™π–Žπ–Šπ–˜.

.π•΄π–“π–ˆπ–”π–’π–•π–—π–Šπ–π–Šπ–“π–˜π–Žπ–‡π–Žπ–‘π–Žπ–™π–Žπ–Šπ–˜.'s profile picture

using


Report Comment

.⋆♱ ·..Ash..ο½‘πŸ¦‡.ᐟ°β€§

.⋆♱ ·..Ash..ο½‘πŸ¦‡.ᐟ°β€§'s profile picture

using !!!


Report Comment

galacticrowan

galacticrowan's profile picture

using! thank you dude you're a life saver ^^


Report Comment

abbe

abbe's profile picture

so cool!!! usingg


Report Comment

Ry4n_Gl1tch

     Ry4n_Gl1tch's profile picture

This was super useful, thanks!! >:D


Report Comment

Mr.Joy (meowl)

Mr.Joy (meowl)'s profile picture

using


Report Comment

asezurts

asezurts's profile picture

using


Report Comment

πΏπ’Ύπ‘’π’Έπ’½π“‰π‘’π“ƒπ“ˆπ“‰π‘’π’Ύπ“ƒ

πΏπ’Ύπ‘’π’Έπ’½π“‰π‘’π“ƒπ“ˆπ“‰π‘’π’Ύπ“ƒ's profile picture

using :B


Report Comment

hikiko πŸ’Œ

hikiko πŸ’Œ's profile picture

using!!


Report Comment