All Questions
325
questions
0
votes
0
answers
30
views
CSS animations just stopped working on React
My css animations just stopped working and i have no idea why, this is a react project i'm working on to learn more about the framework, if someone knows why this happens it would help a lot, thanks.
...
-1
votes
0
answers
30
views
How to customize animation of svg in react? [closed]
I am pretty curious how brilliant creates a page like this:
The animation of svg is compeletely interactive to the programming block in the toolbox.
I want to make a page similar to this in react. Is ...
- 17
0
votes
0
answers
20
views
Scroll Snap Stops Working After Repeated Scrolling
I'm not sure how to phrase this better, but it seems like the snapping behavior stops working after scrolling a few times. I've tried adding a delay or limiting the scrolling, but it seems I haven't ...
- 1
0
votes
1
answer
43
views
CSS Keyframe animation resets the transform value set prior to the animation
Was working on an animation on a square rotated 45 deg to make a diamond. the animation simply is meant to scale the diamond out however I noticed that every time the animation started, the transform ...
- 105
0
votes
0
answers
31
views
React Button Div Animation Issue: Opening and Closing Behavior Problem
I am new to react
if I close all the divs of the first button and then click second button at that time, second button divs are not opening.
Similarly if I close all the divs of the second button and ...
- 171
0
votes
0
answers
23
views
Resetting react state with css animations
I have made a path finding visualizer:
link to the github.io page
Where I store the positions of the walls and the nodes in the shortest path in an array, then check whether or not the current node's ...
2
votes
1
answer
97
views
How to create the exact UI component with the animation?
I tried creating the card component and gradient for the background along with the animation. But it was nowhere near the gif provided. How can I create smooth animation and exact gradient, and also ...
- 39
0
votes
0
answers
50
views
Seeking Guidance on GSAP Animation for Diagonal and Horizontal Movement in React
I'm currently developing a feature using React and GSAP in a personal project where elements (spaceships and clouds) animate across the screen in a continuous loop. The spaceships are supposed to move ...
- 1
0
votes
0
answers
32
views
Animation on Scroll with Javascript
I have a <div> that I want to animate from out of the page on the right (overflow: hidden), to slide into the screen on page scroll as the port comes into view. And I want it to slide back out ...
0
votes
1
answer
96
views
Parallax CSS Scroll with "Layers"
I need to have a 'layered look' in a part of my homepage. Something like this below
http://webdesigntutsplus.s3.amazonaws.com/tuts/338_parallax/src/index.html
Especially from Slide 3 to Slide 4 the ...
- 1
0
votes
1
answer
97
views
Animating the removal of an array object with React
I am trying to get an animation (for now a fade) to play when clicking on the x of the chip. I have been able to hack together a fade in, so when I enter a new name, it fades in on arrival.
Now, I ...
- 145
0
votes
1
answer
224
views
Animate gradient pulse along SVG path
I want to animate a small line segment across a SVG path, with a gradient across the line segment. Similar to the "pulsing" effects on this site: https://www.authkit.com/
In my case, I want ...
- 99
0
votes
0
answers
25
views
React weird text animation that I can only recreate on my phone (not in inspect element's phone mode)
I have a component that I made that animates a single word, by cycling through a list of words and applied an animation to them.
Not only does it do this, it also dynamically sets the width of the ...
- 1,100
0
votes
0
answers
27
views
In React, or just pure css, how can I have multiple backgrounds on a body tag, but only animate one?
I'm authoring a long page in React (with Tailwind), and I want to stack three different backgrounds on top of each other. Two of the backgrounds are static svgs; one is a gradient that should animate.
...
- 77
0
votes
0
answers
48
views
i'm trying to mask the text with a video background but it isnt working as expected
This video shows what i want the result to be: https://youtu.be/n_9UKMDEYg0
when i try to make this animation it doesn't work
i tried using mix-blend-mode and tried using a transparent background.
my ...
