Jez
@jezdriver.com
📷 Photos → https://jezdriver.com/photos
✍️ Blog → https://jezdriver.com/blog
🌐 Web dev → https://jezdriver.com/web
✍️ Blog → https://jezdriver.com/blog
🌐 Web dev → https://jezdriver.com/web
This is so cool!! I can imagine doing some fun stuff with mixing transforms.
I totally had the same realisation about using CSS vars.
gist.github.com/JezDriver/dc...
I have a few anims I can reuse wherever, like `move-in-x` which animates from `transform: translateX(var(--move-x-dist, 1rem));`
I totally had the same realisation about using CSS vars.
gist.github.com/JezDriver/dc...
I have a few anims I can reuse wherever, like `move-in-x` which animates from `transform: translateX(var(--move-x-dist, 1rem));`
A versatile keyframe animation configured using css variables #css
A versatile keyframe animation configured using css variables #css - configurable-keyframe-anim.css
gist.github.com
June 11, 2025 at 10:39 AM
This is so cool!! I can imagine doing some fun stuff with mixing transforms.
I totally had the same realisation about using CSS vars.
gist.github.com/JezDriver/dc...
I have a few anims I can reuse wherever, like `move-in-x` which animates from `transform: translateX(var(--move-x-dist, 1rem));`
I totally had the same realisation about using CSS vars.
gist.github.com/JezDriver/dc...
I have a few anims I can reuse wherever, like `move-in-x` which animates from `transform: translateX(var(--move-x-dist, 1rem));`