« Web, HTML, Tech Forum

how do i add a old computer filter and animation to my layout?

Posted by Ozzie ☆

posted

Forum: Web, HTML, Tech

i cant figure out how to add an old computer filter nd i wanna make my profile bounce a little but i cant figure it out </3


Report Topic

1 Reply

Reply by ♱hatsukohasdied♱

posted

Idk if this is what you were looking for but here's the code to make the profile float ^_^

code:

main { 

background-color: *insert ur color here* 

color: *insert ur color here* 

animation: floating 3s ease-in-out infinite

}

.floating { 

    animation-name: floating;

    animation-duration: 3s;

    animation-iteration-count: infinite;

    animation-timing-function: ease-in-out;

    margin-left: 30px;

    margin-top: 5px;

}

@keyframes floating {

    0% { transform: translate(0,  0px); }

    50%  { transform: translate(0, 15px); }

    100%   { transform: translate(0, -0px); }

}

hope this helped X3


Permalink Report Reply