Category "animation"

How to update scale focal origin with react reanimated and react native gesture handler for iterative pinch gestures?

I built a pinch to zoom effect using react-native-gesture-handler and react-native-reanimated. The user can pinch anywhere on the image and zoom in or out with

problem with vue3 animation when using dynamic component

I want to add animation for two components , this is my code : let activeComponent = ref('Login') </script> <template> <Transition name="fad

How to make React Native Scroll Item animation effect - in SectionList like flatlist

Link for animation in flatList I want to created just like this in sectionlist but when I apply this all the sections item animate at the same time.

Implementation of BHV intro basic custom webgl program

I found basic information : https://research.cs.wisc.edu/graphics/Courses/cs-838-1999/Jeff/BVH.html https://en.wikipedia.org/wiki/Biovision_Hierarchy But i need

Angular animation on ngIf* not applying even though the code looks right

The following angular animation is not applying or working on my toolbar, it should translate it out of view, but it does nothing, it only disappears when minim

Android animation to draw alphabet

I am stuck at the animation part which is kinda tough for me, I need to draw this green sign like this. I tried this Github guide achieve my requirement but wit

SwiftUI: Animate offset to slide in from off screen

I'm trying to animate in a view the bottom of its parent view. This is relatively easy to do by animating the offset, like so: struct ContentView: View { @

Several animations in a collection view

I'm learning to animate collection views and currently use CollectionViewPagingLayout template. I want to use not only swipes for navigation in a collection vie

Modernize Javascript code for a dropdown menu animation

In a post related to another questiona a user suggested me to modernize the js code. Use specifically x.classList.includes(), x.classList.add(), and x.classList

Problem with animation-fill-mode on iOS when changing orientation

I've created an animation to move an element into view when the user clicks somewhere. The element is styled to be offscreen. When the animation is run, it move

Python-pptx - Inserting a picture into a shape & animations

I'm trying to make a python script using python-pptx but I struggle with inserting a picture into a shape. Basically, I need it for making the picture transpare

Is there a simple way to build an HTML5 Canvas from an already existing SVG? I tried using a converter, but it doesn't resemble the original at all

I'd also like to use JavaScript to manipulate the rotation of certain layers inside the SVG. I use Inkscape, but when I save it as "Canvas - HTML", the transpar

Adding different colors to dashes of an SVG stroke

I'm new to SVG and stuff and I'm trying to add different colors for the different dashes of a single stroke. <style> .c-dashed-line__path { animation:

CSS Animation Keyframes not working on Iphone/Ipad

I have made a keyframe animation with words shifting in the end of the sentence. It works in Chrome, but doesn't work in Safari. What am I doing wrong? This is

Smoothly animate BottomSheet peek height

I'm trying to animate the height of the BottomSheet on layoutChange, but I can't get anything to work. I've tried several tutorials without luck. Currently the

Animate component unmount fade-out in React Native

On a React Native application, given a condition is true I should render ComponentA, else ComponentB should be visible instead. const ParentComponent = () =>

SwiftUI: Broken explicit animations in NavigationView?

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 e

How to make a marquee animation which never leave the view blank ? With images

I am trying to make a marquee animation, but i can't manage to make it perfect. As you can see when a logo goes out of the page it do not get back from the othe

How to add a gif/animation onto Beamer (post Adobe retiring Flash)

I'm having trouble adding a gif onto my Beamer. I've searched for answers but I haven't found one that was written after Adobe retired it's Flash Player. I've t

Image animation resets page scroll on mobile devices

EDIT 2: I just figured it out. The overflow css property applied on the body is not being inherited by the slideshow div. Adding "overflow: hidden" to the slide