Forum Contest: Create a CSS Character

Ah! A tough one! Never tried these before! Going to be interesting!

Sweet! This looks really fun and challenging! I'll have to give this a shot.

That's good news, maybe I'll try it :-D

Also a good place for inspiration is the CSS A/Z site. (found that site from the treehouse show). Some really outstanding examples of building and animating shapes with CSS.

Great subject, unfortunately no time for it at the moment, and probably not yet enough good to do it to be honest, but seriously characters you created with just css are awesome !!!!

lol, A little scared, here's one from me: WITHDRAWN

I've been wanting to try something like this! All I've done are simple shapes. This should be interesting.

Does it have to be your own Character? If not this is mine: Mario

:)

http://codepen.io/jwhedon/pen/KiyLv - Finn from Adventure Time

Here is my entry - http://www.codepen.io/paintbycode/pen/frmwn - Its a paranoid cow chewing hay, because, you know...why not?

I'm working on something but it isn't finished yet. Can we work on it up until the deadline after posting a link here?

Haha, i'm not even sure where to begin... looks like I'll just have to keep learning ! :)

My entry: CSS Samus. Cheers! Also, I created this using the latest version of Chrome. Hopefully that is what you are viewing it with.

My CodePin will not save at all. Do you know anything I can do about this?

My entry http://codepen.io/averagegrod/pen/lIqtG. A simple owl with some randomized eyeball movement.

Nice work so far, everyone! :)

Hey, all! This was so fun - here's my attempt at a CSS animated character...! http://codepen.io/designsaunders/full/IcJpH

What a challenge - got addicted! As a css newbie I kept it rather simple and left room for improvements ... haha.

Here´s my tribute to the competition. Tortured our existing postcard app character via css :)) , had to cut of arms and legs :).

http://cdpn.io/obnEA

...turn your head 90 degrees to the right...for a common view.

Hi everyone!

This is great challenge! It was like obsession :-). So, here is my contribution to the competition: http://codepen.io/d3v3r0/pen/Fzpun

Here is my contribution:

Full Page: http://cdpn.io/cBwfu With Code: http://codepen.io/stephensmith100/pen/cBwfu

Hope you like it.

Here is mine, just a classic... Hope you enjoy it!

Full view: http://cdpn.io/rdqlK Code: http://codepen.io/cesaraloy/pen/rdqlK

Hi, Meet Argyle, the limbless blob who lives in a world where nothing happens. I'm sort of new, definitely to animation, so my creativity was sacrificed a little for the sake of technique. Be enthralled, at: http://codepen.io/anon/pen/ecbom

Laters.

I have a quick question. I started this challenge thinking I would try to make a Jedi. I quickly found I lack the time and the skills to pull this off. :-). I managed to get the light saber portion complete but now its not technically a "character". Would this be alright to still post or should I just hold off? Thank you!

Here is mine: http://codepen.io/victorgb6/full/yAkah

And the code: http://codepen.io/victorgb6/pen/yAkah

this was an interesting challenge...definitely not easy, but fun! Here is mine: http://codepen.io/sylvie/full/HJbkl

Here's mine: Code - Full

Found it difficult but had a lot of fun making it :)

Hi, my character "blue ninja".

view: http://codepen.io/erickanthonyjesus/full/aekzs

code:http://codepen.io/erickanthonyjesus/pen/aekzs

This was a fun little project! Mine is pretty simple and not what I could call complete, but I am running out of time so here it is! :) http://cdpn.io/Bqged

Down to the crunch. Here's mine - http://codepen.io/seantunwin/pen/uezqA

Best viewed in Firefox.

I ran out of time for what I wanted to accomplish, but I will use what I have finished as my submission. Then I'll fork it and continue on. :-)

Great project idea! Thanks for the challenge, Guil.

Mine is here! It's a simple version, that apparently looks way different in IE11. Any idea why my little blue monster takes the margin-left 0 having the tv-animation screen as a reference but IE doesn't?

I don't have a codepen account yet, so here is the link: http://www.simpleacts.tv/css_animation.htm

Hey everyone,

Once again, I was impressed by the amount of creative and well-executed entries this week. Some were even chosen as "Top Picks" on CodePen! I'm glad to see that it was a fun learning exercise for many of you and, like all forum contests, this one was super close. Now on to the announcement...

Congrats to Stephen Smith on the winning entry! Stephen’s use of Sass, delightful animations and overall creativity is what made it our top choice.

Nice work, everyone. Stay tuned for a new contest announcement today!

Guil

Love the breathing. Well done Stephen Smith. Congrats to All on your hard work.

Congrats Stephen Smith. Well done! Cheers.

Congratulations Stephen, you did great job!

Wow! Thanks everyone. I really appreciate the kind words.

Really...

Congrats Stephen and everyone who submitted... they're all pretty great.