I have this code with css animation: @keyframes progress-bar { 0% { width: 0; } 50% { width: 100%; } 100% { width: 0; } } .box { position: relative; height: 3px; margin-top: 20px; background: transparent; } .line { position:…
We'd like to use a OpenContainer style Container Transition included within the library animations within one or more of our (go_router) router based transitions. Unfortunately all I can find seems to be OpenContainer itself, which handles the timing, animating, etc…
I'm trying to execute the animation below, which basically consists of raising the lock, making it rotate and then going down. I would like this to be done proportionately. However, even using a much lower percentage for the descent, the…
I need to make animation like on this website in menu: https://displaay.net/typefaces/retail/ Is there an existing solutions? I've tried to make it with copilot, but didn't succeed. <script> document.addEventListener('DOMContentLoaded', function() { var titles = [ 'Text1', 'Text12', 'Text3' ]; var…
I need to persist a hover state while animating a click. When i hover the parent div the child should translate to -10px, I need to persist that translate -10px while the parent element is clicked and do a shake…
So I am trying to achieve something similar to this Flutter example provided on the documentation But I do not want it to be subject to a button, I want it to execute the animation by itself, and do it…
Based on this answer, I managed to put an image as my icon appearing inside an INPUT control at its right edge. If I use a GIF that rotates, I'm all set. I only need to set the class on…
Problem: The Lottie files that I downloaded do not show properly. Details: This is a screenshot when I run the code: image_result of the code And the actual image should be like this: image_actual image Code: Container( width: MediaQuery.of(context).size.width, height:…
I am trying to create two sequential animations using Flutter. Both are using Curves.easeIn, and the second one starts on top of the first one, instead of from 0. Image a car starts to move from 0 to 50 miles/hours,…
I am trying to make a container that has children Horizontally and moves from left to right Each of those children , when it reach the end of the container => goes to the start of the container let's imagine…