All Questions
8,821
questions
0
votes
0
answers
6
views
CSS Text flip animation working on web, android, but not on IOS safari/chrome
I am currently trying to use this text flip animation, but I realised that it doesnt work well on IOS safari/chrome. Doesnt work as in, the text flips, but the red flip text cannot be seen
When I ...
0
votes
0
answers
24
views
Fade out animation on Popup React js
I am currently using react and I have a popup modal that I am trying to animate and i can get the fade in animation working but I can't get it to fade out. Is this possible to do?
Here is my code:
...
0
votes
0
answers
33
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.
...
0
votes
0
answers
34
views
How to create changing word animation in CSS?
I'm trying to achieve the effect of a changing word in the middle of a sentence, but I don't understand why the word after using the code runs away to the middle of the page instead of being where it ...
1
vote
1
answer
79
views
Add a progress animation to a circle
I'm doing a Pomodoro Timer using HTML+CSS+JavaScript.
I want to have a progress animation around the circle that starts at the top of the circle and rotates clockwise until completing the full circle.
...
0
votes
2
answers
28
views
css animate from top to center
This is my setup. I want content to be hidden just above the top, then on demand animate it to center. Obviously with following css opened class, this animation does not have desired effect (but ...
0
votes
1
answer
54
views
display property, not working in firefox mozilla [duplicate]
I'm trying to creating a animation, and in this animation I'm setting a display:none and display:block, but not it working in mozilla firefox:( while working good in chrome
tested also with -moz- ...
0
votes
0
answers
73
views
Chrome marked existing animation as invalidated when starting new animation
I found chrome will do a huge Recalculate Style and Pre-Paint for existing animations when I start a new animation wherever on the page. Is this by design or a Chromium bug? Imagine my real web page ...
-1
votes
2
answers
55
views
preserve size of an HTML element at 0% of an animation [RESOLVED]
I'm trying to make an animation in css and for the first frame, so at 0%, I need the size of the element before his data-space attribute change before collapsing something like that.
Something like ...
1
vote
2
answers
35
views
How to Fix Animation Jitter in Complex CSS and JS Web Animation?
I've been working on a complex animation for our company's website, but I'm encountering a jittering issue that I can't seem to resolve. The animation involves a combination of CSS transitions and ...
0
votes
0
answers
31
views
CSS: Animation with a scrollbar?
Trying to use CSS animation for the first time. This is just a simple HTML page with a story. I just wanted to add a simple dripping animation over the page, which I have working nicely, but for ...
0
votes
0
answers
22
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 ...
3
votes
1
answer
102
views
Way to determine the exact style properties currently being applied by a web animation (without being mixed in with all styles currently applied)
I'm working on a project where I'd like to be able to determine exactly what style properties an animation is currently applying to an element, and ideally only those changes imparted by the animation....
0
votes
1
answer
23
views
Keyframe Animation in Loop
Keyframe animation in infinity loop, try to fix can anyone fix this?
I've tried many different combinations of animation-direction but to no avail.
The below works but when it gets to the second ...
1
vote
1
answer
53
views
Match up ease-in-out with ease-out
I have two elements with animation. The first elements animation lasts 1 second and has an easing curve of cubic-bezier(0.5, 0, 0.5, 1) (easing in and out). The second elements animation starts 0.5s ...