# first.items[].content
4⃣ Pure CSS sphere of randomly positioned, non-intersecting spheres https://codepen.io/thebabydino/pen/LYX JPEb

Uses the spherical distribution tactic described here https://mastodon.social/@anatudor/1107 45736820689528 and then makes sure no two spheres intersect. Also: pure CSS 3D shading!

#CSS #3D #pureCSS #css3d #transform #sphere #maths #geometry #3dGeometry #noJS #shading #code #coding #frontend #web #webDev #dev #webDevelopment

# first.items[].contentMap.en
4⃣ Pure CSS sphere of randomly positioned, non-intersecting spheres https://codepen.io/thebabydino/pen/LYX JPEb

Uses the spherical distribution tactic described here https://mastodon.social/@anatudor/1107 45736820689528 and then makes sure no two spheres intersect. Also: pure CSS 3D shading!

#CSS #3D #pureCSS #css3d #transform #sphere #maths #geometry #3dGeometry #noJS #shading #code #coding #frontend #web #webDev #dev #webDevelopment

# first.items[].attachment[].name
Animation. Shows a rotating sphere made up of small spheres, randomly distributed on the big sphere surface without any intersection. The small spheres are either golden and slightly bigger or silver and a bit smaller. There are lighting and shadow effects on the spheres. and the whole assembly has a reflection.