I want to move a div and while it’s moving I want to increase its opacity then decrease it. With css keyframes I’d do something like this:
.animated-element {
animation: move-and-fade 5s ease-in-out infinite;
}
@keyframes move-and-fade {
0% {
transform: translateY(0px);
opacity: 10%;
}
50% {
opacity: 100%;
}
100% {
transform: translateY(620px);
opacity: 10%;
}
}
Is this possible natively with Webflow interaction? It seems I can only add actions with previous action or after.
I want to achieve something similar to this: https://linear.app/, where the small lines are moving on the border of the hero image.