OP here, thanks for asking. While the `perspective` technique works too, it has the downside of needing a careful combination of scroller elements and properties.
This approach adds a single class to the image container and that's it. Plus you can control many aspects of the animation such as entry/exit ranges, and make it control other properties like opacity or color, for example.
I know browser support is still lacking, but it will get there eventually. I'm not using this in production code yet, but I think it's useful to experiment with these new CSS APIs.
started using tailwind when I hadn’t mastered css and it actually speeded up my learning, because:
- faster iteration and experimenting
- tw docs are great learning material too
- tw classes are made by experts so you can indirectly learn what are best practices
I've been fascinated with this topic. A calendar for mars should tell you when there are transfer orbits available, the hours of solar light and so on. I tried to make it real and named it Whole Mars Calendar [1], any feedback would be appreciated
[1]:https://danieledep.github.io/whole-mars-calendar/
I like it, with the exception of the Picture control, for its non-closability. Also, the 'threshold' value should be greyed-out or similar when 'None' is selected for the effect type.
Great resource!
I played myself with dithering, applying it to images fetched from nasa's apis, from the rovers on mars and open sourced it. I really enjoyed the visual outcome, you can see it here:
https://github.com/danieledep/rovers-dithering-playground
