#torusknot — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #torusknot, aggregated by home.social.
-
A little pure #CSS 3D demo I made on @codepen last year: torus knot out of neon tiles https://codepen.io/thebabydino/pen/poqmrNg
I saw this @beesandbombs .gif https://x.com/beesandbombs/status/1497594041164185608 and got the idea I could CSS something like it, but then I never got to posting it publicly...
#torusknot #3D #geometry #topology #knotTheory #maths #mathematics #cssMaths #code #coding #frontend #web #dev #webDev #webDevelopment #cssTransforms
-
A little pure #CSS 3D demo I made on @codepen last year: torus knot out of neon tiles https://codepen.io/thebabydino/pen/poqmrNg
I saw this @beesandbombs .gif https://x.com/beesandbombs/status/1497594041164185608 and got the idea I could CSS something like it, but then I never got to posting it publicly...
#torusknot #3D #geometry #topology #knotTheory #maths #mathematics #cssMaths #code #coding #frontend #web #dev #webDev #webDevelopment #cssTransforms
-
Also made this torus knot https://codepen.io/thebabydino/pen/vYdMVJK??editors=0100
CSS trig functions allow to avoid hardcoding the position vector into a custom prop for each & every item making up the knot as I had to before when coding such shapes:
✨ https://codepen.io/thebabydino/pen/GMmzjP?editors=0100
✨ https://codepen.io/thebabydino/pen/wEqVwz?editors=1000
✨ https://codepen.io/thebabydino/pen/eGBZeQ?editors=0100
#css #webDev #coding #maths #geometry #3D #CodePen #torusKnot #trigonometry
-
Also made this torus knot https://codepen.io/thebabydino/pen/vYdMVJK??editors=0100
CSS trig functions allow to avoid hardcoding the position vector into a custom prop for each & every item making up the knot as I had to before when coding such shapes:
✨ https://codepen.io/thebabydino/pen/GMmzjP?editors=0100
✨ https://codepen.io/thebabydino/pen/wEqVwz?editors=1000
✨ https://codepen.io/thebabydino/pen/eGBZeQ?editors=0100
#css #webDev #coding #maths #geometry #3D #CodePen #torusKnot #trigonometry