#CSSart
LightNews LightNews
teddymatayoshi.bsky.social
CSS Art – Build an Isometric Hi-Hat with Gradients & Rotate - Part 2
pyxo.me/e48894
#pyxofy #cssart #codenewbie
Build an Isometric Hi-Hat with Gradients & Rotate - Part 2
From cymbals and rings to the clutch and pull rod, create a stunning hi-hat illustration using only HTML and CSS
pyxo.me
November 8, 2026 at 1:02 AM
pyxofy.bsky.social
CSS Art – Build an Isometric Hi-Hat with Gradients & Rotate - Part 2
pyxo.me/e48894 #pyxofy #cssart #codenewbie
Build an Isometric Hi-Hat with Gradients & Rotate - Part 2
From cymbals and rings to the clutch and pull rod, create a stunning hi-hat illustration using only HTML and CSS
pyxo.me
November 7, 2026 at 10:06 PM
alvaromontoro.com
Some old CSS Art for Día de Muertos: codepen.io/alvaromontor...

All coded in HTML and CSS, the drawing was inspired by an illustration from the movie The Book of Life. The source code on CodePen includes a link to a video of how it was coded.

#css #cssArt #DiaDeMuertos #DayOfTheDead
Minimalist illustration of a woman with pale skin and Mexican Dia de Muertos make-up wearing a long sombrero with lit candles.
November 1, 2026 at 9:19 PM
teddymatayoshi.bsky.social
CSS Art – Build an Isometric Hi-Hat with Gradients & Rotate - Part 1
pyxo.me/827023 #pyxofy #cssart #codenewbie
Build an Isometric Hi-Hat with Gradients & Rotate - Part 1
Build an isometric hi-hat cymbal in pure CSS. Learn gradients, border radius and rotate in this beginner-friendly CSS art article
pyxo.me
October 25, 2026 at 7:35 AM
pyxofy.bsky.social
CSS Art – Build an Isometric Hi-Hat with Gradients & Rotate - Part 1
pyxo.me/827023 #pyxofy #cssart #codenewbie
Build an Isometric Hi-Hat with Gradients & Rotate - Part 1
Build an isometric hi-hat cymbal in pure CSS. Learn gradients, border radius and rotate in this beginner-friendly CSS art article
pyxo.me
October 24, 2026 at 10:09 PM
teddymatayoshi.bsky.social
CSS Art – shape() Function & Gradients: Build an Isometric Snare Drum - Part 3
pyxo.me/c00d14 #pyxofy #cssart #codenewbie
shape() Function & Gradients: Build an Isometric Snare Drum - Part 3
Build a realistic 3D snare drum with pure CSS! Master gradients, shadows, and clip-path: shape() to create stunning CSS art
pyxo.me
October 11, 2026 at 3:15 AM
pyxofy.bsky.social
CSS Art – shape() Function & Gradients: Build an Isometric Snare Drum - Part 3
pyxo.me/c00d14 #pyxofy #cssart #codenewbie
shape() Function & Gradients: Build an Isometric Snare Drum - Part 3
Build a realistic 3D snare drum with pure CSS! Master gradients, shadows, and clip-path: shape() to create stunning CSS art
pyxo.me
October 10, 2026 at 10:08 PM
armanborkhani.bsky.social
Playing around with css-doodle and made another background pattern. It’s now part of my growing collection of background patterns.

Check it out 👇
arman-borkhani.github.io/background-p...

#CSS #CSSArt #CreativeCoding #WebDesign #Frontend
October 9, 2026 at 4:24 PM
alvaromontoro.com
CSS Art: Nobody expects the

Source on @codepen.io: codepen.io/alvaromontor...

#css #cssArt #webDev
Illustration titled 'Nobody expects the <inquisition lang="es">' showing three cardinals with one holding a laptop (parody of Monty Python's Spanish Inquisition sketch)
October 3, 2026 at 5:27 PM
teddymatayoshi.bsky.social
CSS Art – shape() Function & Gradients: Build an Isometric Snare Drum - Part 2
pyxo.me/686978 #pyxofy #cssart #codenewbie
shape() Function & Gradients: Build an Isometric Snare Drum - Part 2
Think beyond rectangles! Discover how the shape() function can turn ordinary elements into rounded shapes with depth and style.
pyxo.me
September 27, 2026 at 7:49 AM
pyxofy.bsky.social
CSS Art – shape() Function & Gradients: Build an Isometric Snare Drum - Part 2
pyxo.me/686978 #pyxofy #cssart #codenewbie
shape() Function & Gradients: Build an Isometric Snare Drum - Part 2
Think beyond rectangles! Discover how the shape() function can turn ordinary elements into rounded shapes with depth and style.
pyxo.me
September 26, 2026 at 10:09 PM
ivorjetski.bsky.social
It's the 2026 LED ART CSS Challenge! 🥳

I've created an LED experiment!

Fork the @codepen.io, Do something cool! The most creative & maddest will feature in my next YouTube.

tinyurl.com/56cpxceh

tinyurl.com/3y6tuv58

#CSSChallenge #CodePen #WebDev #CreativeCoding #CSSArt #LEDArt #FrontEndDev
CSS LED ART CHALLENGE!
So here is the plan: Fork it on CodePen, or screenshot your browser! https://codepen.io/editor/ivorjetski/pen/01a07dcf-a1e8-7ab6-aea1-aa98135803b3 - Mess with the code - Draw something amazing live in the browser and screenshot it - Hack to pieces and create a monster Send me your art! Add the tag #ledart on CodePen or @ me on X, Bluesky, Insta or where ever, find me and @ me. @ivorjetski My next video will feature all the best and maddest creations. Good luck! Your time starts now! P.s. you can find a bit more info here: https://dev.to/ivorjetski/css-led-art-challenge-5e6b And as usual, video, music and art all produced by me @ivorjetski Or just say hi: https://linktr.ee/ivorjetski
tinyurl.com
September 17, 2026 at 3:46 PM
armanborkhani.bsky.social
A new background pattern made with css-doodle.

Added it to my growing collection of background patterns.

Check it out 👇
arman-borkhani.github.io/background-p...

#CSS #CSSArt #CreativeCoding #WebDesign #Frontend
September 15, 2026 at 1:10 PM
teddymatayoshi.bsky.social
CSS Art – shape() Function & Gradients: Build an Isometric Snare Drum - Part 1
pyxo.me/d6739d #pyxofy #cssart #codenewbie
shape() Function & Gradients: Build an Isometric Snare Drum - Part 1
CSS isn't just for styling! Discover how the shape() function and gradients turn plain HTML into a 3D isometric snare drum
pyxo.me
September 13, 2026 at 6:56 AM
pyxofy.bsky.social
CSS Art – shape() Function & Gradients: Build an Isometric Snare Drum - Part 1
pyxo.me/d6739d #pyxofy #cssart #codenewbie
shape() Function & Gradients: Build an Isometric Snare Drum - Part 1
CSS isn't just for styling! Discover how the shape() function and gradients turn plain HTML into a 3D isometric snare drum
pyxo.me
September 12, 2026 at 10:08 PM
alvaromontoro.com
This city is built with CSS. No SVG. No images. No HTML. Just gradients... and a bit of patience.
codepen.io/alvaromontor...

I haven't touched this in a while, but it still holds up. I'd love to expand it into a full city someday.

#css #cssart #webdev
Illustration of a park with big buildings in the background. Illustration of the entrance to a park in a city
March 31, 2026 at 3:54 AM
alvaromontoro.com
Throwback CSS Art: Motorola RAZR
codepen.io/alvaromontor...

#CSS #CSSArt #HTML #Codepen
CSS Art: Motorola RAZR V3i
CSS drawing of a Motorola RAZR V3i (the most iconic flip phone ever). Coded in HTML and CSS....
codepen.io
February 7, 2026 at 2:41 PM
alvaromontoro.com
A cat. On the moon. In a spacesuit.
Built with HTML + CSS only 🚀🐱 (reusing some previously coded parts)

Source code on @codepen.io: codepen.io/alvaromontor...

#CSS #CSSArt #WebDev
Illustration of a cat looking at the stars sitting down on the moon coded in HTML and CSS.
February 1, 2026 at 6:18 PM
alvaromontoro.com
Drawing with CSS after a long while... codepen.io/alvaromontor...

There was a little bit of back and forth with the drawing, but I like how it turned out in the end.

#css #html #cssArt
CSS Art: Heart
Cartoon of a smiling cute animal holding a heart...
codepen.io
January 9, 2026 at 3:57 AM
alvaromontoro.com
An iceberg drawn with CSS, with no HTML elements for this week's @codepen.io challenge: codepen.io/alvaromontor...

#css #cssArt
CSS Iceberg
Cartoon of an iceberg floating coded in CSS, with _zero_ HTML. Inspired by https://www.istockphoto.com/vector/iceberg-in-ocean-water-vector-illustrati...
codepen.io
December 2, 2025 at 1:27 PM
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
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