raccoon shopkeeper with a blue hat!
- he/him
%20banner%20by%20IntroIntroduction.png "Pixel anthropomorphic raccoon head with a blue hat. Art by introdile"){kind=tracking}
⇒ a story someone is telling
⇐ a beast of many nothings
⇒⇐
avatar by Mooster
header by PatchyPines
sidebar icon by Introdile
sidebar gif by Tornatics
![[text ID: I sell trash and trash accessories end ID] Text is next to an amazing anthropomorphic raccoon trash merchant. He wears a blue hat and a blue hoodie. Art by Tornatics on Twitter.](https://staging.cohostcdn.org/attachment/b5ff0a3e-4238-4bab-b637-22f1b67d111e/Remmy%20Trash%20Sticker%20Animated%20Tornatics.gif "[text ID: I sell trash and trash accessories end ID] Text is next to an amazing anthropomorphic raccoon trash merchant. He wears a blue hat and a blue hoodie. Art by Tornatics on Twitter.")
You must log in to comment.
in reply to @-12's post:
on mobile I fullscreened this post and the orb mysteriously changed color
on desktop, scrolling the page makes it change color continuously. it's a very cool effect! I wish I knew more about CSS or whatever makes this kind of things work :)
this one is made using background-attachment: fixed - it keeps the gradient in the same place while you scroll down the page. and then there is a nice shadow and an overlay for the shine and a configured 'background-blend-mode' to make the shine look how it does. super cool
thanks for the description!
If you press ctrl+shift+c in chrome it'll open the dev tools with a cursor that lets you click on an element in your browser and see what the html and css for it looks like under the hood! you can even edit the html/css straight from dev tools and see what happens, it's a great way to learn! and if you want to learn a bit more about the basics, w3schools has some simple tutorials with live examples you can change :)
I’m getting this effect on mobile because it’s in half the posts on my timeline lol
this also happened to me and I physically reacted like it was a jump scare lol
i love you every-changing orb. never change always changing.
css:
aspect-ratio: 1 / 1; height: 100px; background: radial-gradient(closest-side at 45% 40%, white, 40%, red), repeating-linear-gradient(magenta, yellow, cyan, magenta 50vh) fixed; background-blend-mode: luminosity, normal; border-radius: 50%; box-shadow: 1.5px 5px 17px 0px #0249, -3px -5px 10px inset #0008; margin-bottom: 30px;
Pinned Tags