a pooltoy, Charge, Cradle, Echo, Kharaya-do, Luna, Meredith, Sevens, Sparkles, Spoke, Taliesenn, Tanwen/Tanwyn, UMBRA. and Vivi


Plural

ฮ˜ฮ”

Autistic, ADHD

Nonbinary, Genderqueer, Trans

Kinky Ace, Demi, Bisexual


Weasyl (Visual Art and Commissions Archive)
www.weasyl.com/~faealchemist
pronouns.cc (WIP)
pronouns.cc/@FaeAlchemist
๐Ÿ—ก๏ธpleasepraise.me
pleasepraise.me/Kharaya-drone
๐Ÿช€pleasepraise.me
pleasepraise.me/Cradle
Neocities (Personal Site)
faealchemist.neocities.org/

nora
@nora

can someone put that orb in the wizard orb picture?


ChaiaEran
@ChaiaEran
A wizard pondering the rainbow orb from the previous post.

EDIT: i made it even better by making the original wizard orb transparent and grayscale instead of cutting it out entirely

EDIT 2: y'all should also check out this version by the op


FaeAlchemist
@FaeAlchemist

Like half the time I find someone who hasn't got chosting access yet, this chost appears. It's like the "It's bigger on the inside!" of Cohost.


You must log in to comment.

in reply to @-12's post:

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

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

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;

in reply to @ChaiaEran's post:

<img src="https://staging.cohostcdn.org/attachment/89123021-a46f-463d-abe3-c89839530b45/Wizard%20Blank.png" alt="A wizard pondering the rainbow orb from the previous post." style="background: repeating-linear-gradient(magenta, yellow, cyan, magenta 50vh) fixed; background-blend-mode: luminosity, normal;">

in reply to @FaeAlchemist's post: