I made an art!

[dorchadas]

As part of an effort to get more practice with CSS, and after seeing this amazing portrait done with just CSS and HTML, I decided to try to make CSS art. Obviously, starting with something quite a bit simpler, though. Somewhere where you begin by drawing a circle.

Behold the Kirb.

I'm especially happy about the shading to give a 3D effect. It's not perfect, though--the border around the body cuts off the limbs, and I'd like to find a way to remove that if I can. That'll take a bit more effort, though, especially if I want to preserve the shading.

I'd also like to have a few buttons to press to make Kirby smile or move his arms. That'll be harder, but I don't think it'll be impossible.

Comments

[dreamkist]

*mind*blown* I did not know you could do that.

Awesome Kirby!

[dorchadas]

Thank you!

A friend asked me if I was using an image library to construct it, and I said that it was built in pure HTML/CSS. He was suitably impressed.

Kirby is currently angry, but I want to update it so that clicking the eyes animates between Japanese cute Kirby and American angry Kirby. Might take a bit of work.

[pear_of_anguish]

HOLY FUCK!!!! That oil CSS painting is freaking AWESOME!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! So is your Kirb dude! :D

[dorchadas]

Thank you!

And yeah, when I first saw it I thought it was kind of an odd-looking picture. But class="strand strand50"? That's ridiculous!

Maybe someday I'll be that good.

[pear_of_anguish]

That is truly mindblowing. :o