TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Minion drawn entirely using CSS

176 pointsby rainboiboialmost 12 years ago

18 comments

meeritaalmost 12 years ago
I wish no one take this as an offense. But I will repeat the same speech I say when I see these examples: wrong use of CSS for nothing.<p>May this help the author with adversiting his skills but the truth about these is they&#x27;re totally useless and waster ways of making stuff for the web. You can do that minion properly with SVG and be more semantic than that thing.<p>If authors wanted to draw using code, why not improving skills with something proper, and the best thing I know is SVG, period.
评论 #6044583 未加载
评论 #6045288 未加载
评论 #6044560 未加载
评论 #6044827 未加载
评论 #6044923 未加载
评论 #6044846 未加载
评论 #6044825 未加载
评论 #6046601 未加载
评论 #6044802 未加载
评论 #6045283 未加载
评论 #6044653 未加载
fredleyalmost 12 years ago
Given the animation, I was disappointed not to see a &lt;blink&gt; tag.
splatcollisionalmost 12 years ago
You may also like the Pure CSS Horse: <a href="http://codepen.io/anon/pen/tvaio" rel="nofollow">http:&#x2F;&#x2F;codepen.io&#x2F;anon&#x2F;pen&#x2F;tvaio</a><p>(not intended as negative in any way towards the original artist, who is awesome)
评论 #6045126 未加载
maaaatsalmost 12 years ago
When reading the headline: Hmm, I can draw stick figures in CSS as well.. When seeing the result: Impressive! Still, a bit pointless, but still a cool thing to try and experiment with.
brbcodingalmost 12 years ago
Awesome job... I don&#x27;t share many pens on FB, but I definitely shared this one when I saw it.<p>Lol @ the comments about it being the <i>wrong use of css</i>... That&#x27;s obviously not the point. I love creating css art... because I can, and it&#x27;s fun.
quackerhackeralmost 12 years ago
Good work!<p>I think it&#x27;s a great demonstration of css and it&#x27;s capabilities (as well as the devs skills).<p>This is one of my own downfalls, I&#x27;ll spend hours (sometimes days) on css UI when there is always a faster and easier method to implement.
geekraxalmost 12 years ago
It&#x27;s amazing to impress your clients, but why didn&#x27;t you make him smile ??
评论 #6044842 未加载
minopretalmost 12 years ago
I like it.<p>Before clicking I thought perhaps he had used CSS to render Adobe&#x27;s commercially important multiple-master typeface. That would have shocked me. So forgive me for feeling a little bit let down!
Fuxyalmost 12 years ago
Wow. Nice! CSS has become a lot more flexible over the years.
Bjoernalmost 12 years ago
Love the hack! :)<p>Here have a blocky 3D version of it via tilt... <a href="http://i.imgur.com/wntUbWM.png" rel="nofollow">http:&#x2F;&#x2F;i.imgur.com&#x2F;wntUbWM.png</a>
ezecafre89almost 12 years ago
Superman Mode :P <a href="http://cssdeck.com/labs/pure-css-minion" rel="nofollow">http:&#x2F;&#x2F;cssdeck.com&#x2F;labs&#x2F;pure-css-minion</a>
mac1175almost 12 years ago
I gave him more hair <a href="http://cssdeck.com/labs/e8djo69n" rel="nofollow">http:&#x2F;&#x2F;cssdeck.com&#x2F;labs&#x2F;e8djo69n</a>
swangalmost 12 years ago
There is mouth animations but I don&#x27;t see the mouth moving at all. Anyone see anything? On Chrome&#x2F;Win7 ATM.
评论 #6046371 未加载
skriticos2almost 12 years ago
That seems like a fun way to exercise those brain cells.
doki_penalmost 12 years ago
A new meme is being born. &quot;534 hours in CSS&quot;
评论 #6048258 未加载
rogerclarkalmost 12 years ago
frankly i&#x27;m blown away that anyone on earth likes Despicable Me enough to do anything like this
ezecafre89almost 12 years ago
Thanks for sharing!!! :D
TheBindingVoidalmost 12 years ago
Every time someone abuses CSS in such a way a puppy dies.<p>Edit: I forgot about HTML. That explains the dead kitten.