CSS drawings are normally compositions of shapes that result in a vectorial-looking image. A cartoon character like Homer Simpson doesn't fit in th...
For further actions, you may consider blocking this person and/or reporting abuse
I love this!
Thanks! 😊
I'm mostly impressed that you found something that works in ie11
We had to support IE11 at work until hair a few months back. So you could say that i had some experience with that.
I showed to my dev team, and they were impressed by this awesome drawing
Hey Alvaro, great job!
But, how do you make the final part of the line don't look "cut"? When I create a border and put an 'overflow: hidden' on it, I want the end of the line to be rounded, you know?
How can we achieve this result?
lets puts some color :P
Do you mean like this one? codepen.io/alvaromontoro/pen/rPazmv
awesome :P
Well done 👏
This is the first I've heard of drawing with CSS (granted, I'm pretty new to the CSS world, so perhaps not surprising), but I've been thinking in that general direction on a personal project I'm working on. You mention a few times:
Do you have any recommended resources for "better" ways to approach CSS drawings?
You can check a few articles on DEV, CSS-Tricks, or Medium.
CSS drawing is a fun thing to do to learn CSS (you practice positioning, borders, shadows, gradients, transforms...), but it is not that a good fit for production (at least not for now and not for big things). If you want to do something more practical, I'd recommend SVG (and you can apply similar CSS knowledge).
There are many people that do great things with CSS: jhey (and the DEV account), Diana Smith, Ben Evans. For SVG, Sara Drasner and Adam Kuhn. And they all have projects to see/study on CodePen.
ha! too awesome
Fake. That is clearly CSSorcery not regular CSS. Too awesome for us, mere mortals.
This is absolutely fascinating and amazing to discover that Homer can be drawn entirely with circles like that. Watching the animation at codepen.io is really great. This idea just expands the mind -- to think things are made up of something you may have never thought of before. This was really great. Thanks for sharing.
Awesome!
Wow... This is so awesome
Perfect thing to run across today - thanks for sharing this!
This is amazing! 🤯
Wow... that is f-ing awesome
esta cool, gracias por compartir
Gracias :)
Cool!
Really awesome, good job.
It's awesome , i want learn more specific to drawing face anime
Thanks! Not a full article, but on these two videos I show how to make a manga/anime-looking face. Maybe they can serve as guidance:
cool stuff
Awesome !!!!!
Just wow. Really interesting technique! Really amazing stuff!
Nice one chief.
By the wayside: on line 32 of the css, change no to yes to reduce the circle distortion upon hover by about 99.98%
Hahah, top!
Awesomeness! 👍💖