22

A CSS Art from Demon Slayer

 2 years ago
source link: https://dev.to/afif/a-css-art-from-demon-slayer-4f0c
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client
Cover image for A CSS Art from Demon Slayer
Temani Afif

Posted on Mar 30

• Updated on Apr 3

A CSS Art from Demon Slayer

CSS Art (6 Part Series)

Another world, Another anime, and another CSS Art. Adding Tanjiro Kamado to the list. A CSS-only illustration 👇

In case you missed my previous CSS art you can find the best ones at css-only.art


I am sharing them on Twitter so follow me if you don't want to miss the fun!

unknown tweet media content
T. Afif @ CSS Challenges profile image
T. Afif @ CSS Challenges
@challengescss
twitter logo
🎨 CSS Art

I am adding a demon slayer to the list. Take a deep breath and say hello to 𝗧𝗮𝗻𝗷𝗶𝗿𝗼 𝗞𝗮𝗺𝗮𝗱𝗼 ⚔️

Demo: codepen.io/t_afif/full/Ex… via @CodePen

✅ A CSS-only illustration (No images and No SVG)

Find more at css-only.art

#CSS #cssart #DemonSlayer
13:55 PM - 29 Mar 2022

More CSS arts are on the way. Stay tuned!

stay tuned


You want to support me?

OR

CSS Art (6 Part Series)

Top comments (43)

pic

Collapse

Expand

Collapse

Expand

Collapse

Expand

The control u have on CSS is really incredible

Comment button Reply

Collapse

Expand

amazing
I'm a python girl but this makes me excited about learning CSS and jumping into the modern front-end world, with other cool technologies, like react and node.js. @afif What arethe other technologies you use for coding and embedding your CSS art?

Comment button Reply

Collapse

Expand

Author

Mar 30

it's only CSS, there is nothing else :)

I don't use any other technologies, tools or frameworks. I open a new Pen (codepen.io/pen/) and I start writing CSS from scratch

Comment button Reply

Collapse

Expand

These are getting better and better each time! (and Demon Slayer is super good!)

Comment button Reply

Collapse

Expand

This is incredible! @afif ❤️

At a glance, I thought it's a April fools prank, this take me have a look at the code to check the image url 😅.....but not find!

Your collection blows up my mind, loved it! 🤩

Comment button Reply

Collapse

Expand

Looks really good! Also see the Luffy down there. Take my like.

Comment button Reply

Collapse

Expand

Collapse

Expand

Dude this is amazing!
I'm crying out like Zenitsu now: Tanjirroooo!

Comment button Reply

Collapse

Expand

Collapse

Expand

Collapse

Expand

Collapse

Expand

Author

Mar 31

maybe in the future, stay tuned ;)

Comment button Reply

Collapse

Expand

Where were you? I am glad that I found you here!
That's super awesome! I am a Demon Slayer fan! You push CSS art to the next level! Now you make me wonder if you could animate it ✨🙀

Comment button Reply

Collapse

Expand

Author

Mar 31

stay tuned, crazier CSS art are on the way ;)

Comment button Reply

Collapse

Expand

Collapse

Expand

wow... Wish I could do that too

Comment button Reply

Collapse

Expand

Collapse

Expand

What kind of sorcery is this? Truly amazing! 🙌

Comment button Reply

Collapse

Expand

Hey nice stuff.
It would be interesting how you create those.
I would like a post explaining your creative process, to learn from you.

Comment button Reply

Collapse

Expand

Author

Apr 3

maybe I will make one in the future ;)

Comment button Reply

Collapse

Expand

This is simply incredible 🤩

Comment button Reply

Collapse

Expand

Collapse

Expand

Wow this is awesome, fan of Kamado Tanjirou.

Comment button Reply

Collapse

Expand

Collapse

Expand

Collapse

Expand

Collapse

Expand

Aw man, this looks sick! ✨

I can just make a circle in css

Comment button Reply

Collapse

Expand

I have seen many posts related to this where people use background-img as a joke, but your work is truly amazing ! congratulations!

Comment button Reply

Collapse

Expand

They had to master sun breathing to get through fine tuning those gradients 💯

Comment button Reply

Collapse

Expand

This is just amazing! Great job

Comment button Reply

Collapse

Expand

Amei o Projeto. É uma bela forma de estudar CSS vou experimentar

Comment button Reply

Collapse

Expand


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK