So, it is possible to have reverse animation on mouse out such as: .class{ transform: rotate(0deg); } .class:hover{ transform: rotate(360deg); } but, when using @keyframes animation, I couldn...

I need to reproduce the same effect as here: http://www.chanel.com/fr_FR/mode/haute-couture.html = a swipe effect on mouse move event. I just need some help on the animation part. function frame...

In react-native, how do you animate the size of a View when you dont know the size of it's contents? Let's say the View's content height can be anywhere from 0-400pts, and the content can grow an...

I've been using TouchableOpacity for ease of use in my react native project, but I'm interested in trying the new Pressable component instead - given how flexible its API is. However, while the new...

I want to save matplotlib animation in gif format. I succeded to save animation to mp4 format, using code import matplotlib matplotlib.use("Agg") ~some codes~ ani = animation.FuncAnimation(fig,...

For those new to Rive, you probably know that Rive doesn't have support for Composables yet. Well, they don't have an official way of doing it as of today, but I found a way to do it. Here is what ...

No jQuery please! I would love not to use jQuery for this, because it's a big library and I only need to do this single thing: I would like to add a short delay to a click event so I can fade ele...

I was trying to do a compass in jetpack compose. But I faced a problem with animating it. I have a @Composable that takes user phone rotation and rotate compass image in opposite direction. I use a...

I am currently working with svelte to create a smooth auto slider using SwiperJs. It seems that I am unable to create that animation. When loading the page, the autoPlay dosen't seem to work. Below...

Somedays ago I decided to choose an Ui for an app from Pinterest to practice building apps with Flutter but I'm stuck with the Slider which shows an "more" and "delete" button on horizontal drag. P...

I have a <div> with text. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. I'd like the text in this <div&g...

I have 3 types of quotes. When a respective button is pressed, the quote fades if it's from category 1 to category 2 to category 3, vice versa. However, I would like to make the quote fade even whe...

I have the following code, and it is working about 90% how I want it to, it scrolls right to left, and I added a check to see when the image has reached the center of the page it should scale the i...

I use simple transform and move method to animate my entity. Something like this: let transform = Transform(scale: .one, rotation: simd_quatf(angle: .pi, axis: [0,0,1]), translate: .zero) myEn...

I am working on a React project where I have components animate in when they scroll in to view. I am using Framer Motion. How can I make it so the animation only triggers the first time you scroll ...

In my application I am trying to move images using animation. When I try to animate the image is cutting even though I use clipChildren false in every xml block <RelativeLayout android:id=&quo...

I need to add some delay between each iteration of animation gets call to repeat. Something like the following image. I tried to do it by passing value to the period parameter of the repeat method...

Is there any way to change the default animation when navigating to/from a page in Flutter?

Trying to implement the following animation in SwiftUI and finding it quite impossible: To summarize the effect: A repeating pulse, animating each segment with a staggered delay. For each segmen...

I have implemented Bottom Navigation View from Design Support Library 25 in my project. I have 5 icons in the view. whenever an icon is selected it's having some animation. But when 3 or fewer icon...

When I put an explicit animation inside a NavigationView, as an undesirable side effect, it animates the initial layout of the NavigationView content. It gets especially bad with infinite animation...

The RecyclerView, unlike to ListView, doesn't have a simple way to set an empty view to it, so one has to manage it manually, making empty view visible in case of adapter's item count is 0. Implem...

I have one small component, with some text. In useEffect, I am simply setting the top of the element to some values. CSS: .box { display: flex; flex-direction: column; position: relative; top: ...

There is example of animation: .b-ball_bounce {transform-origin: top;} @-webkit-keyframes ball_animation { 20% {transform: rotate(-9deg);} 40% {transform: rotate(6deg);} 60% {transform: rotate(...

I've got a quick question regarding 2D Sprite animations that I haven't been able to find specifically answered anywhere: I have a sprite with walk animations to the right. However, I obviously wa...