Paul-Louis Bautes
@frumba.bsky.social
💻 Web developer @Teamout 👨🚀 Web Astronaut 🎨 Enjoy beautiful UI/UX⚡Web 3 enthusiast 🛠️ Love good science ✨🌍
Reposted by Paul-Louis Bautes
CSS position: sticky, scroll-snap + progressively enhanced scroll animation 📜
li {
animation: bright;
animation-range: calc(50% - 1lh) calc(50% + 1lh);
animation-timeline: view();
scroll-snap-align: center;
}
@keyframes bright { 50% { opacity: 1; }}
line-height units are a gift 🎁
li {
animation: bright;
animation-range: calc(50% - 1lh) calc(50% + 1lh);
animation-timeline: view();
scroll-snap-align: center;
}
@keyframes bright { 50% { opacity: 1; }}
line-height units are a gift 🎁
December 3, 2024 at 8:15 AM
CSS position: sticky, scroll-snap + progressively enhanced scroll animation 📜
li {
animation: bright;
animation-range: calc(50% - 1lh) calc(50% + 1lh);
animation-timeline: view();
scroll-snap-align: center;
}
@keyframes bright { 50% { opacity: 1; }}
line-height units are a gift 🎁
li {
animation: bright;
animation-range: calc(50% - 1lh) calc(50% + 1lh);
animation-timeline: view();
scroll-snap-align: center;
}
@keyframes bright { 50% { opacity: 1; }}
line-height units are a gift 🎁