image outside of container!!

you can change the position and opacity to fit your layout if you like

<style>
footer:after{
bottom: 40%;
font-size:0;
left: 80%;
position:fixed;
pointer-events: none;
opacity: 1;
content:url(IMAGEURLHERE);
}
</style>

some basic ways to animate it is to insert

animation: spin 7s infinite linear;
}
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}

to make it spin

and to make it look like it's floating i use

animation: floating 3s ease-in-out infinite;
}
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 15px); }
    100%   { transform: translate(0, -0px); } 
}

6 Kudos

Comments

Displaying 1 of 1 comments ( View all | Add Comment )

tomie/roman

1655027266

you literally saved my life i have been trying to figure this out for the longest time omg tysm!!

Report Comment