#cssart
LightNews LightNews
alvaromontoro.com
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
alvaromontoro.com
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
Minimalistic drawing of a butterfly using circles and ellipses Cartoon of a weird smiling frog using circles and ellipses
October 22, 2025 at 12:51 AM
alvaromontoro.com
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
teddymatayoshi.bsky.social
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
alvaromontoro.com
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
pyxofy.bsky.social
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
teddymatayoshi.bsky.social
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
pyxofy.bsky.social
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
alvaromontoro.com
Short: Drawing Cupid with CSS
youtube.com/shorts/uOuuT...

#css #cssart #html #webdev
Drawing with CSS: Cupid #css #cssArt #html #creativecoding #webdevelopment #coding #cartoon #htmlcss
YouTube video by Alvaro Montoro
youtube.com
September 4, 2025 at 12:44 PM
alvaromontoro.com
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
alvaromontoro.com
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
alvaromontoro.com
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
alvaromontoro.com
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
alvaromontoro.com
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
alvaromontoro.com
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
ivorjetski.bsky.social
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
It seems to be an illustration of an electronic brain!
July 31, 2025 at 9:21 PM
alvaromontoro.com
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
cartoon of a bunny in kawaii style cartoon of a sheep in kawaii style cartoon of a panda bear in kawaii style
July 29, 2025 at 3:37 AM
alvaromontoro.com
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
Cartoon of a hippopotamus sleeping on the hypotenuse of a right triangle
July 19, 2025 at 6:41 PM
ivorjetski.bsky.social
😮 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
ai-iren-fuji.bsky.social
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
teddymatayoshi.bsky.social
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
pyxofy.bsky.social
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
ivorjetski.bsky.social
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
ivorjetski.bsky.social
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
alvaromontoro.com
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