#cssart
A Día de Los Muertos CSS art from 4 years ago: La Muerte/LA Catrina from The Book of Life.

🎦 video: www.youtube.com/watch?v=9ZMi...
🖼️ source code: codepen.io/alvaromontor...

#css #cssArt #html #webDev #DiaDeLosMuertos
Drawing La Muerte/La Catrina in HTML and CSS
YouTube video by Alvaro Montoro
www.youtube.com
November 2, 2025 at 3:03 AM
Normal people: It's a beautiful day! Let's do something great!

Me: What if I drew some animals with CSS using radio buttons and accent-color?

#CSS #CSSArt
October 22, 2025 at 12:51 AM
Time-lapse of my latest CSS Art: a rabbit bringing chaos 🐇🔥
www.youtube.com/watch?v=xkyi...

It doesn't look exactly like the drawing that inspired it, but it was a fun one to code... and it's animated! (Remove the "no-animated" class at your own peril 😅)

#CSS #CSSArt
Drawing with CSS: Let the Chaos Commence!!
YouTube video by Alvaro Montoro
www.youtube.com
October 19, 2025 at 12:10 PM
CSS Art – Using translate, top, and left Properties to Achieve 3D Effects with 2D Positioning
pyxo.me/845aa2 #pyxofy #cssart #codenewbie
CSS Art – Using translate, top, and left Properties to Achieve 3D Effects with 2D Positioning
Unlock precise design control. Master CSS positioning using the translate property and grouping HTML elements using classes with us, step by step
pyxo.me
October 19, 2025 at 5:55 AM
An attempt was made... codepen.io/alvaromontor...

Remove the "no-animated" class at your own peril.

#css #cssArt #random
Let the ChaoSS Commence!! (CSS Art)
Cartoon of a rabbit with the text "May the ChaoSS commence!!" coded in HTML+CSS. It uses animation and `random()` to achieve real chaos... unfortunatel...
codepen.io
October 19, 2025 at 5:15 AM
CSS Art – Using translate, top, and left Properties to Achieve 3D Effects with 2D Positioning
pyxo.me/845aa2 #pyxofy #cssart #codenewbie
CSS Art – Using translate, top, and left Properties to Achieve 3D Effects with 2D Positioning
Unlock precise design control. Master CSS positioning using the translate property and grouping HTML elements using classes with us, step by step
pyxo.me
October 18, 2025 at 10:07 PM
CSS Art - CSS shape() & Gradients: Create an Isometric Hot Air Balloon - Part 2
pyxo.me/082285 #pyxofy #cssart #codenewbie
CSS Art - CSS shape() & Gradients: Create an Isometric Hot Air Balloon - Part 2
You'll learn how to combine the CSS shape() function with gradients to create stunning, 3D-like isometric visuals in this step-by-step article.
pyxo.me
September 6, 2025 at 11:38 PM
CSS Art – CSS shape() & Gradients: Create an Isometric Hot Air Balloon - Part 2
pyxo.me/082285 #pyxofy #cssart #codenewbie
CSS Art - CSS shape() & Gradients: Create an Isometric Hot Air Balloon - Part 2
You'll learn how to combine the CSS shape() function with gradients to create stunning, 3D-like isometric visuals in this step-by-step article.
pyxo.me
September 6, 2025 at 10:09 PM
Short: drawing a clay character with CSS
youtube.com/shorts/xUJfE...

#css #cssart #video
Drawing with CSS a clay character #css #cssart #html #webdevelopment #coding #livecoding #cartoon
YouTube video by Alvaro Montoro
youtube.com
September 3, 2025 at 10:40 AM
Short: Drawing a monster/cartoon character with CSS
www.youtube.com/shorts/bdhOe...

#css #cssart
Drawing of a monster/cartoon character in HTML+CSS #cssart #coding #webdevelopment #creativecoding
YouTube video by Alvaro Montoro
www.youtube.com
September 3, 2025 at 2:55 AM
Short: drawing Baby Yoda with CSS
youtube.com/shorts/PbCil...

#css #cssart #video
Drawing with CSS: Baby Yoda (time-lapse live coding) #css #cssart #html #webdevelopment #htmlcss
YouTube video by Alvaro Montoro
youtube.com
September 1, 2025 at 2:48 PM
Short: Drawing a kawaii cat with CSS
www.youtube.com/shorts/zm3FU...

Time lapse live coding some CSS Art. Find the source code on @codepen.io: codepen.io/alvaromontor...

#css #cssArt #video #youtube
Drawing with CSS: Kawaii Cat (time-lapse live coding) #css #cssart #html #livecoding #cute
YouTube video by Alvaro Montoro
www.youtube.com
August 31, 2025 at 7:35 PM
Short - Drawing a koala with CSS (time-lapse)
www.youtube.com/shorts/ev_mU...

#css #video #youtube #cssArt
Drawing with CSS: Koala #css #html #cssart #webdevelopment #coding #livecoding #htmlcss #webdesign
YouTube video by Alvaro Montoro
www.youtube.com
August 31, 2025 at 3:56 PM
New video live coding a CSS drawing
youtu.be/qlgFBTsTT6o?...

The source code is on CodePen: codepen.io/alvaromontor...

#css #html #cssArt #webDev
CSS Art: Drawing a mouse with CSS
YouTube video by Alvaro Montoro
youtu.be
August 7, 2025 at 11:44 AM
It's funny when you are at the early stages of doing something and it accidentally is something else. I had no intention of drawing an electronic brain!

#CSSart
July 31, 2025 at 9:21 PM
The evolution of a CSS drawing...

How it started (bunny)
How it continue (sheep)
How it ended (panda)

I had to go/suffer that mutant sheep to get there... but I really like the Panda. codepen.io/alvaromontor...

#css #cssArt
July 29, 2025 at 3:37 AM
A really old joke coded/drawn with HTML and CSS using (some) trigonometry functions –yes, CSS has a few of those too.

Source code and live demo available at #CodePen: codepen.io/alvaromontor...

#css #cssart
July 19, 2025 at 6:41 PM
😮 OMG! What an amazing write up of our interview @alvaromontoro.com Thank you so much!! 🤩

dev.to/alvaromontor...

#css #cssart #html #dev #code
Interview with Ben Evans
Ben Evans, also known as ivortjetski, is a skilled developer who creates stunning visual art and interactive experiences with CSS. In this article, we got to talk to him about his background, experien...
dev.to
July 14, 2025 at 12:10 PM
Fun little project: pure CSS 3D Cat Face 🐱
Check it out & give it a ⭐ if you like it!
github.com/IrenOknel/CS...
#CSS #HTML #WebDev #Frontend #CSSArt #CreativeCoding #OpenSource
July 13, 2025 at 6:47 PM
CSS Art – CSS shape() & Gradients: Create an Isometric Hot Air Balloon – Part 1
pyxo.me/05f1dd #pyxofy #cssart #codenewbie
CSS Art - CSS shape() & Gradients: Create an Isometric Hot Air Balloon - Part 1
Colorful hot air balloons against a sky blue background are majestic! Learn, step by step, how to create one using the CSS shape() function.
pyxo.me
July 13, 2025 at 2:20 AM
CSS Art – CSS shape() & Gradients: Create an Isometric Hot Air Balloon – Part 1
pyxo.me/05f1dd #pyxofy #cssart #codenewbie
CSS Art - CSS shape() & Gradients: Create an Isometric Hot Air Balloon - Part 1
Colorful hot air balloons against a sky blue background are majestic! Learn, step by step, how to create one using the CSS shape() function.
pyxo.me
July 12, 2025 at 10:08 PM
I've got the hobbledehoy movement working in the Backrooms, but I need to work on the interactions with it, because you can't currently press the light-switch. But it's fun to hobble around if you like:

tinydesign.co.uk/css-backroom...

#css #cssart #backrooms #cssonly #purecss
Ben Evans: The Backrooms - CSS Edition
God save you if you hear something wandering around nearby, because it sure as hell has heard you...
tinydesign.co.uk
July 8, 2025 at 11:02 PM
View bobbing actually works quite well! 🤩
Not sure the animation is quite right yet though. I look like I have a limp :)

#css #cssonly #cssart #frontenddev #backrooms
July 7, 2025 at 11:14 PM
Just shared a new video drawing with CSS. This time is Yoda (or Grogu?) in a kawaii-ish style.
youtu.be/r_FH65HpYgE?...

He looked a bit sad with the mouth like that so I flipped the mouth and make it smile :)

Live demo and source code on @codepen.io: codepen.io/alvaromontor...

#css #cssArt #html
Drawing Yoda with CSS
YouTube video by Alvaro Montoro
youtu.be
July 6, 2025 at 12:02 AM