Eleftheria BatsouforEleftheria Batsou's Blogeleftheriabatsou.hashnode.net·Jan 23, 2023CSS Art Tutorial: Create a Cute Cartoon CreatureIntroduction In this article I'm describing how to create a cute cartoon face, using only HTML and CSS. I'm describing how to create the background, then the face (eyes, mouth, etc), then the body, and last but not least, if you're looking for someth...Andrew Baisden and 1 other are discussing this2 people are discussing thisDiscuss·45 likes·846 reads🖱CSS Art and small HTML/CSS/JS projects [Codepen]CSS
Eleftheria BatsouforEleftheria Batsou's Blogeleftheriabatsou.hashnode.net·Feb 6, 2023CSS Art Tutorial: Create the Flushed Emoji With Only 3 Classes! 😳Introduction In this article, I'm describing how to create the flush emoji with only 3 HTML classes. 😳 The emoji will have a head, eyes, cheeks, and a mouth. In the end, we'll add some animations for the eyes too! Tools and resources: I'm using cod...Discuss·37 likes·299 reads🖱CSS Art and small HTML/CSS/JS projects [Codepen]css art
Eleftheria BatsouforEleftheria Batsou's Blogeleftheriabatsou.hashnode.net·Mar 23, 2023Getting Started with CSS Animations: Creating Engaging Web AnimationsWelcome to the world of web development, where the only thing constant is change. And one of the biggest changes we've seen in recent years is the increasing use of CSS animations. No longer are websites static, boring pages of information. Now, they...Discuss·31 likes·122 reads🖱CSS Art and small HTML/CSS/JS projects [Codepen]CSS
Alvaro MontoroforAlvaro Montoro's Blogalvaromontoro.hashnode.net·Apr 8, 2023Drawing an Egg with CSSDrawing an egg with CSS is simpler than many people imagine. So simple that you can do it with just two properties: .egg { aspect-ratio: 3 / 4; border-radius: 100% / 125% 125% 80% 80%; } Yes. That’s it! Apply that to a block element, and it will...Discuss·3 likes·34 readsCSS
JR.Pranavforjrpranav.hashnode.net·Apr 5, 2023#Day 1 : CSS ArtJuicy Watermelon Juicy Watermelon will "Quench your thirst for creativity with this delightful Watermelon drawing made entirely with HTML and CSS! Watch as the vibrant shades of green and dark pink come to life on your screen, bringing a touch of su...Discuss·2 likesCSS
Eleftheria BatsouforEleftheria Batsou's Blogeleftheriabatsou.hashnode.net·Mar 23, 2023Getting Started with CSS Animations: Creating Engaging Web AnimationsWelcome to the world of web development, where the only thing constant is change. And one of the biggest changes we've seen in recent years is the increasing use of CSS animations. No longer are websites static, boring pages of information. Now, they...Discuss·31 likes·122 reads🖱CSS Art and small HTML/CSS/JS projects [Codepen]CSS
Alvaro MontoroforAlvaro Montoro's Blogalvaromontoro.hashnode.net·Mar 15, 2023CSS Art: Motorola RAZR V3Ok, maybe the RAZR is not the best flip phone ever, but it was iconic - and I say that not only because I had one. It was one of the most popular cell phones in the mid-2000s. The other day, the kids went to sleep early, and I decided to do some CSS ...Discuss·1 like·31 readsCSS
Vedamruta Udavantforvedamrutacodes.hashnode.net·Feb 28, 2023Box-Shadow Unleashed: Create Stunning Visual Effects with CSSHey, I'm good and hope you are doing well😊. Watching CSS art(codepens) is fun so why not create one. Let's get hands-on and create one using box-shadow ✨ https://codepen.io/Vedamruta-U/pen/dyqOaoP The box-shadow property adds shadow effects around...Void and 2 others are discussing this3 people are discussing thisDiscuss·3 likes·124 readswebdev
Eleftheria BatsouforEleftheria Batsou's Blogeleftheriabatsou.hashnode.net·Feb 12, 2023CSS Art Tutorial: Create the Blow Kiss Emoji With Only 4 Classes & Animation! 😘Introduction In this article, I'm describing how to create the "blow kiss" emoji with only 4 HTML classes! The emoji will have a head, eyes, brows, a mouth and a heart! In the end, we'll add some animation in the heart! Tools and resources: I'm usin...Discuss·19 likes·157 reads🖱CSS Art and small HTML/CSS/JS projects [Codepen]CSS
Eleftheria BatsouforEleftheria Batsou's Blogeleftheriabatsou.hashnode.net·Feb 6, 2023CSS Art Tutorial: Create the Flushed Emoji With Only 3 Classes! 😳Introduction In this article, I'm describing how to create the flush emoji with only 3 HTML classes. 😳 The emoji will have a head, eyes, cheeks, and a mouth. In the end, we'll add some animations for the eyes too! Tools and resources: I'm using cod...Discuss·37 likes·299 reads🖱CSS Art and small HTML/CSS/JS projects [Codepen]css art
Alvaro MontoroforAlvaro Montoro's Blogalvaromontoro.hashnode.net·Feb 5, 2023CSS Art: Nintendo SwitchThis weekend, I streamed while live coding/drawing a Nintendo Switch with HTML and CSS. The drawing is: Responsive: resize the window to see it change Semantic: sections, the buttons are buttons Customizable: CSS variables to change the JoyCon col...Eleftheria Batsou and 1 other are discussing this2 people are discussing thisDiscuss·3 likes·32 readsCSS
Eleftheria BatsouforEleftheria Batsou's Blogeleftheriabatsou.hashnode.net·Jan 23, 2023CSS Art Tutorial: Create a Cute Cartoon CreatureIntroduction In this article I'm describing how to create a cute cartoon face, using only HTML and CSS. I'm describing how to create the background, then the face (eyes, mouth, etc), then the body, and last but not least, if you're looking for someth...Andrew Baisden and 1 other are discussing this2 people are discussing thisDiscuss·45 likes·846 reads🖱CSS Art and small HTML/CSS/JS projects [Codepen]CSS
Alvaro MontoroforAlvaro Montoro's Blogalvaromontoro.hashnode.net·Jan 23, 2023Drawing a chibi character with CSS (+video)I attempted to draw a chibi character using CSS and a single HTML element yesterday. It took more than usual, but it was a fun process. This was the result: https://codepen.io/alvaromontoro/pen/abjqKVj This time, I knew more or less what I wanted t...Discuss·44 readsCSS
