yuanchuan - Network

I prefer static images#cssdoodle

I prefer static images

#cssdoodle

The nth-item() is another function that is already implemented in css-doodle: pn(), one of the pick() family functions. CSS added random(),...

The nth-item() is another function that is already implemented in css-doodle: pn(), one of the pick() family functions.

CSS added random(), sibling-index(), and sibling-count(), I'd love to see more functionalities similar to css-doodle built into CSS.

https://front-end.social/@mia/114264644214008672

Rotatinghttps://codepen.io/yuanchuan/pen/jEOXdLJ#cssdoodle

Rotating
https://codepen.io/yuanchuan/pen/jEOXdLJ

#cssdoodle

Fibonacci Spherehttps://codepen.io/yuanchuan/pen/dPyjjPy #cssdoodle

Fibonacci Sphere
https://codepen.io/yuanchuan/pen/dPyjjPy

#cssdoodle

Another animation from the posthttps://codepen.io/yuanchuan/pen/ogNqKVR

Another animation from the post
https://codepen.io/yuanchuan/pen/ogNqKVR

Beesandbombs's spiral animation implemented in css-doodle https://codepen.io/yuanchuan/pen/ZYExggo

Beesandbombs's spiral animation implemented in css-doodle

https://codepen.io/yuanchuan/pen/ZYExggo

📝 CSS Animation with offset-pathhttps://yuanchuan.dev/css-animation-with-offset-path

📝 CSS Animation with offset-path
https://yuanchuan.dev/css-animation-with-offset-path

Can't believe css-doodle is 8 years old 🎂

Can't believe css-doodle is 8 years old 🎂

As I said in the post https://yuanchuan.dev/daily-sketch-2"those works of mine are only viewable for a certain period of time"

As I said in the post https://yuanchuan.dev/daily-sketch-2

"those works of mine are only viewable for a certain period of time"

Another example of the frustration in CSS art: on the left, a rendering from 2022, and on the right, the latest browser version.

Another example of the frustration in CSS art: on the left, a rendering from 2022, and on the right, the latest browser version.

#cssdoodle #GENUARY 01, 02

#cssdoodle #GENUARY 01, 02

😴 Servo...

😴 Servo Logo
https://css-doodle.com/svg/?code=svg+%7B%0A++viewBox%3A+-50+-50+100+100+p+12%3B%0A%0A++--r%3A+50%3B%0A++--x%3A+-2.4%3B%0A++--d%3A+.618r%3B%0A++--y%3A+1.618x%3B%0A++%0A++path*5+%7B%0A++++transform-origin%3A+%24x+%24y%3B%0A++++transform%3A+translate%28%24%28-1x%29+%24%28-1y%29%29+rotate%28%40n%28*72%29%29%3B%0A++++fill%3A+%40pn.Mirror%28%231292e8%2C%23009d9a%2C%2342be65%29%3B%0A++++d%3A+M+0+%24d+0+%24r%0A+++++++A+%24r+%24r+0+0+0+%24%28r*cos%28%CF%80%2F10%29%29+%24%28r*sin%28%CF%80%2F10%29%29%0A+++++++L+%24%28d*sin%28%CF%80%2F2.5%29%29+%24%28d*cos%28%CF%80%2F2.5%29%29%3B%0A++%7D%0A%7D

#cssdoodle

📝 An Introduction to css-doodle https://yuanchuan.dev/an-introduction-to-css-doodle

📝 An Introduction to css-doodle
https://yuanchuan.dev/an-introduction-to-css-doodle

IMO The CSS logo is too ordinary

IMO The CSS logo is too ordinary

Handcrafted CSS Logo (Not exactly the same but it's close :)https://css-doodle.com/svg/?name=css%20logo

Handcrafted CSS Logo (Not exactly the same but it's close :)
https://css-doodle.com/svg/?name=css%20logo

"A lot of that stemmed from the AI boom, and the stealing of the term “Generative Art” away from creative coders just like AI...

"A lot of that stemmed from the AI boom, and the stealing of the term “Generative Art” away from creative coders just like AI steals everything else."

https://vis.social/@TomLarrow@ohai.social/113499443144771146

Video created with command:cssd render codepen.io/aragakey/pen/ZEgaqvy -s graph -t 10sMore about cssd: https://github.com/css-doodle/cli

Video created with command:

cssd render codepen.io/aragakey/pen/ZEgaqvy -s graph -t 10s

More about cssd: https://github.com/css-doodle/cli

Beautiful css-doodle demo by aragakey https://codepen.io/aragakey/pen/ZEgaqvy

Beautiful css-doodle demo by aragakey
https://codepen.io/aragakey/pen/ZEgaqvy

Quick SVG practice https://css-doodle.com/svg/?name=icons

Quick SVG practice https://css-doodle.com/svg/?name=icons

TypeScript everywhere, but honestly those type signatures are ... unreadable.

TypeScript everywhere, but honestly those type signatures are ... unreadable.