Here I am with another CSS Art. I am back to my favorite Anime (Attack On Titan) to draw:
A CSS-only Colossal Titan!
In case you are not familiar with the Anime, here is an overview of the character:
I am still missing a few details and I will probably release a better version in the future 😉
This time I did a better organization for the main colors so I can easily adjust them.
Below an interactive demo if you want to update the colors. Share your version in the comment section 👇
It's also on Twitter if you want to spread the word 📯
Someone: Where are all the cool tutorials and useful collections? 🤔
Me: A lot of great content will come soon and a heavy CSS collection is in progress as well 🤫
You want to support me?
Top comments (19)
This is great bud, as expected you have already massively improved your technique this is epic! ❤️🦄
although if you could see how the iPhone has done you dirty this time it’s hilarious!
Looks like a tall skinny woman with an insect on her belly looking down at her feet while naked 🤣
share a screenshot 😯😯
It’s like an ink blot test, see what you see!
I see all the pixel values I should not have used 😛
Since the aspect-ratio is not supported all the percentages are getting to 0 and only the pixel values are working
It's a kind of "bunny-ghost" 🤔
I can see a bunny ghost or daemon! 😜
@afif This is the horror of using static unit. Nonetheless, Killer work!
🤣🤣
Hi Temani, I was wondering if learning SVG is important to mastering CSS? I have done a lot of your tutorials and I consider you to be one of the best. Do you know SVG? Will learning SVG help me to master CSS?
Thank you!
Jordan
SVG is not important to be good at CSS but it's a good skill that can be useful. SVGs are some kind of "images" and we use a lot of images in CSS (background, mask, etc) so SVG can help you create some complex shapes to be used in CSS. Shapes that may be hard to achieve with CSS.
Some SVG filter can also be useful in CSS (ex: dev.to/afif/css-shapes-with-rounde...).
So knowing SVG is a plus but you can master CSS without. I rarely use SVG in my works (almost never) but some of my complex code can be simplified with some little SVG when it comes to fancy shapes
Shinzou Sasageyo !!
Wow
it looks very cool，nice job
It cannot be! So awesome 😄 I didn't know that css can do that level of designs
WOW. holy f this is impressive.
❤️👍
Nicee job!!
Nice!
This is great work, love the interactive version