mayomaggot's profile picture

Published by

published
updated

Category: Web, HTML, Tech

Shadow / Image going across bottom of screen

I REAALLLY like the shadow moving across the screen, I'm so braindead that I could probably watch it for hours................ idk

I used the code that Aurora posted :3



Code replaced with Shadow:

<style>

@keyframes flying-santa{

from{ left:-400px; }

to{ left:calc(100% + 180px); }

}

#santa{

position: fixed;

left: -400px;

bottom: 1px;

width: 130px;

animation: flying-santa 5s infinite linear;

pointer-events: none;

}

</style>

<img id="santa" src="https://i.pinimg.com/originals/ca/59/c7/ca59c7300ea299fc9f429da8e7924e5c.gif"/>


(you might have to add an extra style, idk lol)



OG Code with Pinkie Pie:


<!-- (c) Layout created by Aurora (https://layouts.spacehey.com/layout?id=100044) -->


<style>

@keyframes flying-santa{

from{ left:-400px; }

to{ left:calc(100% + 20px); }

}

#santa{

position: fixed;

left: -400px;

bottom: 1px;

width: 130px;

animation: flying-santa 5s infinite linear;

pointer-events: none;

}

</style>

<img id="santa" src="https://i.pinimg.com/originals/a5/d9/fe/a5d9fe6123930689196028c4f991f79c.gif"/>


Blue Ice Cream Bar


0 Kudos

Comments

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

Abigblueworld

Abigblueworld's profile picture

My head hurts from the background. Do not trigger my autism sensory like that.


Report Comment



I'm very sorry, is it better now? o( ̄┰ ̄*)ゞ

by mayomaggot; ; Report

ooh! I love it

by Abigblueworld; ; Report

Ty! I was experimenting with the layout, that's why it was so bright lolol

by mayomaggot; ; Report

me neither

by Abigblueworld; ; Report