Hey Twitter, I've made a replica of the Keep talking nobody explodes bomb. Wanna see it ? reddit.com/r/3Dprinting/c…

Take your CSS to another dimension, the 3rd dimension! 😎 Let me show you how in my latest CSS-Tricks article 🥳 • Configurable cuboids • Planning animation • Awkward shapes + more! Let me know what you think! Ask any questions below 👇 👉 css-tricks.com/css-in-3d-lear… via CSS-Tricks

float i,e,a,l,y;for(vec3 A,p,q,d=(FC .xyz*2.-r.xyx)/r.x*rotate3D(t*.2,(A.y++,A)),b=2.+d;i++<2e2;e=clamp(-e,++y-PI,y)){o.rgb+=i>1e2?l=log(1.+(e+=1e-4))/2e2,d/=d,b.brg*l:b*e;p=q+=d*e*.7;y=++p.y;for(a=3.;a>.04;a*=.6)e=min(e,max(p=abs(p*=rotate3D(1.9,A))-a,max(p.y,p.z)).x);}o*=o/1e3;

Physics in CSS! With sqrt() coming to Chromium (120+), this demo now works in all major browsers except Firefox (needs property for custom property animations) Chrome 120 released today, Edge coming this week. Make sure to update! codepen.io/bali_balo/pen/… via CodePen.IO

Can you recognize hand-drawn digits in pure CSS? Yes!! (kinda) You can feed the sate of some inputs to a pre-trained neural network. It's not perfect, small and slow (and not well optimized by me) - but it works (footage below is sped up) codepen.io/bali_balo/pen/… via CodePen.IO

Small collection of CSS animations where each "pixel" size is controlled by its position on the grid CSS 16x16 display codepen.io/bali_balo/pen/… via CodePen.IO

Jeeeez how the heck does THAT work? "CSS Neural Network (number detection)" by Bali Balo codepen.io/bali_balo/pen/…

Tourne encore !

Loosely inspired by the gif below, but ended up quite different Scatter (CSS + SVG filters) codepen.io/bali_balo/pen/… via CodePen.IO

Hello everyone! I made a chess engine out of HTML & CSS sophielcottrell.github.io/CSS-Chess/ github.com/SophieLCottrel…