Sign in
Log inSign up
Yosra Emad

374 likes

Β·

29.6K reads

61 comments

Savio Martin
Savio Martin
Sep 27, 2021

Thank you for motivating me to create my very first CSS art, it took me 4+ hrs but it was worth.

Check it here: https://codepen.io/saviomartin/details/KKqrXeW

43
Β·
Β·6 replies
Deactivated User
Deactivated User
Deactivated User
Sep 27, 2021

OMG, your artwork is really fine. Totally worth the 4hrs +

1
Β·
Yosra Emad
Yosra Emad
Author
Β·Sep 27, 2021

I LOVE THIS!! you're really talented!

Β·
Victoria Lo
Victoria Lo
Sep 27, 2021

Awesome Savio Martin! Really nice one! Would have taken me 16 hours haha

1
Β·
Savio Martin
Savio Martin
Sep 27, 2021

Favourite Jome Thank you so much jome, means a lot.

1
Β·
Savio Martin
Savio Martin
Sep 27, 2021

Thank you Yosra Emad, you're too. Appreciate the kind words!

1
Β·
Savio Martin
Savio Martin
Sep 27, 2021

Thank you so much Victoria Lo, Keep pushing me. Thank you for being a good support, I'm growing everyday. Keep it up mate :-)

2
Β·
Deactivated User
Deactivated User
Deactivated User
Sep 26, 2021

I suck at CSS, but CSS art always makes me happy. πŸ₯³

4
Β·
Abdul-Qudus Olajide
Abdul-Qudus Olajide
Sep 26, 2021

This is super cool, how did you get started with CSS art? It's intriguing. Keep it up πŸ‘

2
Β·
Β·1 reply
Yosra Emad
Yosra Emad
Author
Β·Sep 26, 2021

I saw a lot of people making them in tech twitter and I wanted to try! Thank you πŸ₯°

Β·
Akebu
Akebu
Sep 26, 2021

This was so well explained, made me really want to give CSS art another try❀

1
Β·
Β·1 reply
Yosra Emad
Yosra Emad
Author
Β·Sep 26, 2021

you should!! Can't wait to see you make CSS art

Β·
Sergii Kirianov
Sergii Kirianov
Sep 26, 2021

So detailed!!

It’s an amazing article Yosra! My applause πŸ‘

1
Β·
Β·1 reply
Yosra Emad
Yosra Emad
Author
Β·Sep 27, 2021

thank you Sergii! I've been loving your articles as well!

Β·
Zeeshan Ali
Zeeshan Ali
Sep 26, 2021

Good Stuff Yosra, learned new stuff and enjoyed as well.

1
Β·
Β·1 reply
Yosra Emad
Yosra Emad
Author
Β·Sep 27, 2021

I'm glad you enjoyed it!

Β·
amrin
amrin
Sep 26, 2021

this is great, thanks for sharing

1
Β·
Β·1 reply
Yosra Emad
Yosra Emad
Author
Β·Sep 27, 2021

you're welcome! glad you like it

1
Β·
Sumudu Siriwardana
Sumudu Siriwardana
Sep 26, 2021

Very passionate article, Yosra! I have a special place in my heart for all the people who do CSS art! I can totally copy someone else's art, I mean not the code, but the design and then make it. But I can never do original things since I'm not an artist, I don't get that inspiration. I consider this a superpower ❀️

1
Β·
Β·1 reply
Yosra Emad
Yosra Emad
Author
Β·Sep 27, 2021

it's okay to create art that someone else makes but make sure they are fine with that. Some artists allow people to create their art in their own start so you can do that with CSS!

Β·
Chris Jackson
Chris Jackson
Sep 27, 2021

This was super detailed. I almost can follow it all. If only I could draw. Great job!

1
Β·
Β·1 reply
Yosra Emad
Yosra Emad
Author
Β·Sep 27, 2021

you can find drawings that you like and do them with CSS! but make sure that the original artist is fine with this :D

Β·
Shawn mels
Shawn mels
Sep 27, 2021

This is amazing Yosra. This has made me want to try out CSS art. Very well detailed. Thank you for writing this!!!

1
Β·
Β·1 reply
Yosra Emad
Yosra Emad
Author
Β·Sep 27, 2021

thank you Shawn for your words! you should try it! I'd love to see what you create!

Β·
Chris Bongers
Chris Bongers
Sep 27, 2021

It's so cute!

Well done on this! And lovely presentation article as well ❀️

1
Β·
Β·1 reply
Yosra Emad
Yosra Emad
Author
Β·Sep 27, 2021

thank you Chris! you're one of the creators I look up to on here so your words mean a lot to me πŸ’•

1
Β·
Thuy Vy Tran
Thuy Vy Tran
Sep 27, 2021

I love this article! It's super simple and the diagram helps :). <3

1
Β·
Β·1 reply
Yosra Emad
Yosra Emad
Author
Β·Sep 27, 2021

thank you Vy πŸ’•πŸ’• your words mean a lot to me πŸ˜­πŸ’•

1
Β·
Moeen Mahmud
Moeen Mahmud
Sep 27, 2021

Love this. The discussion was straightforward and detailed πŸ‘

1
Β·
Β·1 reply
Yosra Emad
Yosra Emad
Author
Β·Sep 28, 2021

thank you so much I'm glad you enjoyed it!

1
Β·
Victor Eke
Victor Eke
Sep 27, 2021

Awesome article. Very easy to follow, even for a total beginner. πŸ™‚πŸ”₯

1
Β·
Β·1 reply
Yosra Emad
Yosra Emad
Author
Β·Sep 28, 2021

Glad you enjoyed that!

1
Β·
Vinh Nguyen
Vinh Nguyen
Sep 29, 2021

This great! πŸŽ‰ Thanks for sharing

1
Β·
Β·1 reply
Yosra Emad
Yosra Emad
Author
Β·Sep 30, 2021

glad you liked it!

Β·
Lucian Tartea
Lucian Tartea
Sep 29, 2021

Great article, thanks for sharing your process of creating CSS gems

1
Β·
Β·1 reply
Yosra Emad
Yosra Emad
Author
Β·Sep 30, 2021

thank you so much! glad you liked it!

1
Β·
Marko Denic
Marko Denic
Sep 29, 2021

Awesome article, Yosra. I really enjoyed it.

1
Β·
Β·1 reply
Yosra Emad
Yosra Emad
Author
Β·Sep 30, 2021

thank you so much Marko! this means a lot coming from you!

Β·
Suprabha Supi
Suprabha Supi
Sep 30, 2021

This was really impressive 😍 Going to bookmark it, so I can try it out in weekend πŸ˜‰

1
Β·
Β·1 reply
Yosra Emad
Yosra Emad
Author
Β·Sep 30, 2021

Good luck and try it out! tell me how it goes!

Β·
Michael Myers
Michael Myers
Sep 30, 2021

Good job Yosra!

You wrote an imagine article, my congratulations πŸ₯³

1
Β·
Β·1 reply
Yosra Emad
Yosra Emad
Author
Β·Sep 30, 2021

Thank you so much Michael! I'm glad you liked it!

1
Β·
Frederick Cargill
Frederick Cargill
Sep 30, 2021

I'm currently learning CSS little by little. I had no idea that this was possible. I'll have to give it a try!

1
Β·
Β·1 reply
Yosra Emad
Yosra Emad
Author
Β·Sep 30, 2021

Tell me when you give it a try! I'd love to see :)

Β·
Sneha Amruth
Sneha Amruth
Sep 30, 2021

This is beautiful!

1
Β·
Β·1 reply
Yosra Emad
Yosra Emad
Author
Β·Oct 3, 2021

thank you!!

Β·
daivdjhon
daivdjhon
Oct 1, 2021

Awww.. This is amazing art. Can you make a art of a lawyer for me? I want to use it for my website mandslawyers . If you can do it so please let me know. I will pay you a good amount for this task.

1
Β·
Β·1 reply
Yosra Emad
Yosra Emad
Author
Β·Oct 3, 2021

thank you for your nice comment! sadly I'm not free to take a little task right now :)

Β·
Balvinder Singh
Balvinder Singh
Oct 1, 2021

This is really great, I knew CSS can be cool but don't know this cool. Being backend dev more over frontend I can only admire this, and not create myself.

1
Β·
Β·1 reply
Yosra Emad
Yosra Emad
Author
Β·Oct 3, 2021

thank you for your nice comment! CSS is awesome

1
Β·
Trecia Kat
Trecia Kat
Oct 2, 2021

Yosra!!!! this is awesome and wow, I love how you plan your wok before executionπŸ’•πŸ˜œπŸ‘ I love this.

1
Β·
Β·2 replies
Yosra Emad
Yosra Emad
Author
Β·Oct 3, 2021

thank you Trecia πŸ’•πŸ’• you're the CSS art queen πŸ‘‘

2
Β·
Trecia Kat
Trecia Kat
Oct 3, 2021

We Both Are ❀😍

Β·
Mudita
Mudita
Nov 22, 2021

Very well explained. Thank you soo much for sharing. I've recently enrolled in a winter training in Delhi , hope to make some project.

Β·
Prabhjot Kaur
Prabhjot Kaur
Jan 9, 2022

Really a detailed article .

Β·
orangehat
orangehat
Jan 26, 2022

Super fun tutorial, and I added a few tweaks - made a top hat instead of the heart, and used variables to be able to change color.

Also, for the legs, since you're using flexbox, you can set the width to 100% instead of having to calculate body/number of legs.

css_ghost.png

Β·
orangehat
orangehat
Jan 26, 2022

Really great. I'm more of a UI designer, not an artist, but have been digging into Josh Comeau's terrific CSS course lately, which led me to go through this and try to duplicate before I looked at your code. This was really fun, thanks for the writeup and letting us in to your process!

Β·
Amelia John
Amelia John
Jun 6, 2022

Wao...This is a fantastic website. Is it possible for me to create a website using WordPress ? I'd like to make my website more interactive. Please let me know if you are capable of doing so. I will compensate you handsomely for this work.

Β·
opara Prince
opara Prince
Jun 17, 2022

Wow I love this article it inspired me so much that I realized I have a long way to go on css😎

Β·