gabriel (2 inches taller)

@ArtificialAngel

video gams 🎮

any pronouns
444631.xyz/

Alastar Gabriel (but you can call me anything). I'm an ex-professional software developer, now I make weird art and music :p I will give you bug facts unprompted

Twitch, Ko-fi, Neocities, Mastodon

We can be friends but I have to warn you, I am a little awkward and kind of hard to get ahold of :p

ENG/日本語 OK

website

444631.xyz/

dreamwidth

artificialangel.dreamwidth.org/

mastodon

tech.lgbt/@artificialangel

Tumblr (I probably won't use this one much)

www.tumblr.com/444631

gabriel (2 inches taller)@ArtificialAngel11/19/2023, 4:16 PM

giwake @giwake

@-1211/5/2022, 5:05 AM

orb

#css #orb #оrb #οrb

nora @nora11/5/2022, 10:49 PM

can someone put that orb in the wizard orb picture?

@-1211/6/2022, 12:54 AM

#orb #css ##orb #pondering

Irenes (many)@ireneista11/19/2023, 9:23 AM

OH it's based on SCROLLING

it took us an embarrassingly long time staring at it being like "why isn't it changing" to figure that out

maybe that's what the wizard in the picture is thinking, too

You must log in to comment.

in reply to @-12's post:

Kiana Mosser @kiana11/5/2022, 11:08 AM

on mobile I fullscreened this post and the orb mysteriously changed color

@marcos-don11/5/2022, 12:30 PM

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 :)

unarei @noa11/5/2022, 4:41 PM

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

gradient

Kiana Mosser @kiana11/6/2022, 1:20 AM

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 :)

@marcos-don11/6/2022, 10:59 AM

thanks!

Noelle @Quire11/6/2022, 8:36 AM

I’m getting this effect on mobile because it’s in half the posts on my timeline lol

Kay @kaybee11/5/2022, 2:56 PM

this also happened to me and I physically reacted like it was a jump scare lol

🍬@Bonbon11/5/2022, 1:05 PM

I underwent a momentary confusion.
I am pleased with this confusion.

✨ aria (dub) | zeni(th)@trashcataria11/5/2022, 2:36 PM

i love you every-changing orb. never change always changing.

Drew M.M.@dmm11/5/2022, 4:56 PM

I am pondering respectfully.

bigwig @bigwig11/5/2022, 9:01 PM

this is a good orb. minimum 9/10 on the orb rating scale, maybe 9.5

Bezier @ComplexBezier11/5/2022, 10:05 PM

HOW

evie @ewie11/5/2022, 10:48 PM

orb

walking mirage @atomicthumbs11/5/2022, 10:49 PM

This orb is very pretty.

@-1211/5/2022, 11:13 PM

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;