I made a thing: scroll-driven, almost pure #CSS infinite circular gallery rotation - check it out on @codepen
https://codepen.io/thebabydino/pen/XJrYqGb

Using scroll-driven animations and the tiniest bit of JS for the infinity part of it.

Made with 🖤 for this week's #CodePenChallenge.

cc @bramus

#SVG #cssGrid #scrollAnimation #filter #svgFilter #cssFilter #cssLayout #3D #cssTransforms #code #coding #frontend #web #dev #webDev #webDevelopment

Hi, Mastodon 🦣

Anyone in Stuttgart who could answer a couple of questions for me?

1. How are things at the main train station now? Last time I was there, it was a construction site & frustrating to get around.

2. Is it worth visiting Wilhelma in winter or should I stick to the Natural History Museum? I don't have time for both.

FYI: grid columns don't have to be equal‼️

I keep seeing ppl extracting ratios, ending up with 10+ columns. Then every single damn item on the grid needs to have explicitly set how many columns it spans. 🙄

When 3 unequal columns means not having to set that on half the items‼️

#CSS #grid #gridLayout #cssGrid #code #coding #frontend #webDev #web #dev #webDevelopment

Something I just quickly coded (Twitter Spaces/ #CodePen Professor Mode): no text duplication slice effect https://codepen.io/thebabydino/pen/RwmPZVR

Inspired by https://pinterest.com/pin/639933428330469717/ & also an entry for this week's #CodePenChallenge.

Version with primitiveUnits="objectBoundingBox" https://codepen.io/thebabydino/pen/zYQGEZq - see https://mastodon.social/@anatudor/112438541045537778

#css #svg #filter #svgFilter #code #coding #frontend #web #dev #webDev #webDevelopment