Alvaro Montoro17h ago

This city is built with CSS. No SVG. No images. No HTML. Just gradients... and a bit of patience.
https://codepen.io/alvaromontoro/pen/mdZKxEr

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

Ben EvansMar 19

To celebrate something-or-other, I created a retro CRT using only vanilla CSS!

📺 https://codepen.io/ivorjetski/pen/qEaRjBw

No images. No JavaScript. No SASS.

Fully turn-off-and-on-able!

Also a documentary about the making of it: https://www.youtube.com/watch?v=wdNHwIqMFDk

@CodePen #css #cssart #cssonly

CodePen TV 📺 100% Pure CSS

📺📺📺📺📺📺📺📺📺📺📺📺📺📺 🚫 - 100% No Images ☕ - Definitely no JavaScript 🤖 - Absolutely no AI 😇 - Only the purest HTML and completely vanilla fresh CSS!! 📺...

Fiona  Mar 2
Well, in other news, I’ve made some CSS-Art, including a detailed explanation of how it works.

I’m calling it “purple cosmos” and it is made purely from gradients, meaning that I can apply it as the background of arbitrary css elements. 😊

#CSS #WebDev #Art #CssArt
Purple Cosmos

teddymatayoshiFeb 28
CSS Art – shape() Function & Gradients: Create an Isometric Trophy - Part 2
https://pyxo.me/0a0b95 #pyxofy #cssart #codenewbie
CSS Art – shape() Function & Gradients: Create an Isometric Trophy - Part 2

Make shiny, eye‑catching effects! Follow this easy guide to create smooth highlights and shadows using pure CSS—perfect for beginners.

Pyxofy
PyxofyFeb 28
CSS Art – shape() Function & Gradients: Create an Isometric Trophy - Part 2
https://pyxo.me/0a0b95 #pyxofy #cssart #codenewbie
CSS Art – shape() Function & Gradients: Create an Isometric Trophy - Part 2

Make shiny, eye‑catching effects! Follow this easy guide to create smooth highlights and shadows using pure CSS—perfect for beginners.

Pyxofy
Manuelita VellumFeb 19

He publicado un análisis sobre la evolución de la estética de la cobardía, uniendo la épica de la Ilíada con el arte visual del anime bishōnen y el arte generativo en CSS.
Para ni fue un ejercicio de refactorización heroica donde exploré cómo las formas geométricas y los gradientes pueden narrar la tensión clásica entre el hedonismo y la fuerza.
https://open.substack.com/pub/hugui8b/p/inheritance-and-specificity-la-evolucion?utm_source=share&utm_medium=android&r=7btdxl

#DigitalHumanities #Classics #CSSArt #Substack #AnimeEsthetic #WebDev #CSS #CodingArt #Bishonen

​

​

Inheritance & Specificity: La Evolución de la Cobardía

Nota de la Autora: Soy plenamente consciente de que el bishōnen y la cultura clásica pertenecen a ecosistemas culturales y temporales distintos.

Scriptorium Digital
teddymatayoshiFeb 15
CSS Art – shape() Function & Gradients: Create an Isometric Trophy - Part 1
https://pyxo.me/c59041 #pyxofy #cssart #codenewbie
CSS Art – shape() Function & Gradients: Create an Isometric Trophy - Part 1

Learn clip-path and shape() basics to build modern, image-free UI designs—perfect for beginners. Draw curves and custom silhouettes with pure CSS

Pyxofy
PyxofyFeb 14
CSS Art – shape() Function & Gradients: Create an Isometric Trophy - Part 1
https://pyxo.me/c59041 #pyxofy #cssart #codenewbie
CSS Art – shape() Function & Gradients: Create an Isometric Trophy - Part 1

Learn clip-path and shape() basics to build modern, image-free UI designs—perfect for beginners. Draw curves and custom silhouettes with pure CSS

Pyxofy
Alvaro MontoroFeb 1

A cat. On the moon. In a spacesuit.
Built with HTML + CSS only 🚀🐱 (reusing some previously coded parts)

Source code on @codepen: https://codepen.io/alvaromontoro/pen/MYeVvgr

#CSS #CSSArt #WebDev

Alvaro MontoroFeb 1

Tomorrow is Groundhog Day. Remember: if Phil sees his shadow, that's 6 more Tailwind classes (in every HTML tag, in every page)

#css #cssArt #joke #groundhogDay