RT jhey 🔨🐻✨
Future CSS Tip! 🔮
You can use scroll-driven animation and some masking to create a faux curved parallax scroller 🔥
.track {
animation: shift;
animation-timeline: scroll(root); 👈
}
Couldn't resist having a go at this cool design from @learnframer 👏
@CodePen link below! 👇 https://t.co/GuV0QCCUBp
<div class="rsshub-quote">
Framer University: If you're familiar with combining multiple transforms & effects in @Framer, the possibilities are endless.
For example, combine:
- Sticky positioning.
- Rotated container.
- Scroll transforms.
And create something like this: http://tilted.learnframer.site https://t.co/pOCZvPzBxa
</div>
https://twitter.com/jh3yy/status/1664323610708787229