All Questions
1,537 questions
0
votes
0
answers
24
views
CSS Transform Animation on iOS only work correctly after home screen/locking then reopening browser
I have an element in html styled like a horizontally scrolling LED display:
<div class="led-display">
<div class="scrolling-text" id="scrollingText"></...
- 1
1
vote
1
answer
55
views
CSS Animation to go only forward and stop. Currently it goes back and forth
I am trying to make this work so that only one pseudo-element shows "progress" if the item is highlighted (i.e., has the highlighted class).
Currently, the animation moves forward correctly, ...
- 135
-3
votes
0
answers
44
views
How do I create an exact replication of this bubble animation?
I came across https://www.rouserlab.com/about/ this site caught my attention. I want to replicate the same bubble animation animation. I tried my level best but I can't replicate it. It does bounces ...
- 1
1
vote
1
answer
59
views
Laggy/Glitchy CSS Animations only on Firefox with Intersection Observer
I'm utilizing Intersection Observer API to hide the website header logo when it's not over (or close to being over) a background image.
Works well on Google Chrome, other chromium browsers and Safari (...
- 13
2
votes
2
answers
51
views
CSS animation on multiple elements: resync after hover
I'm making a game where you can click on a block to reveal a letter. The blocks are animated with a "glowing" effect, where they change color by fading to white and back to the original ...
- 196
0
votes
1
answer
83
views
How do I create a scroll which is similar to this? [closed]
I am trying to create a similar scroll like this.
Now I have created a structure in reactjs but I am not able to figure the left side scroll when right side is sticky without using any library.
....
- 37
-1
votes
2
answers
89
views
Toggle animation to show/hide Div by slidding style
I want to paly second div animation within its parent row only. Right now the second div is moving out of the row boundary. How can I handle this? This is my first time trying first time animation. ...
- 68
0
votes
0
answers
58
views
"Expanding Window Effect" scroll trigger, expanding div acting as transition into website Gsap? Js? React?
I am trying to make a scroll trigger transition similar to example below. A div acts like a portal/window where the user is able to look through into it and see the content behind it. As the user ...
0
votes
1
answer
116
views
How to do I make the flip card feature work?
I've been trying for a while to make a flip card feature that STARTS (default) with the back face of the card and once I press the random card button I have in my form, it generates the image from the ...
2
votes
1
answer
51
views
Animation is not working after first iteration
I am trying to animate a paragraph and an arrow, I am trying to explain my animation here:
the paragraph div will appear smoothly
with slight delay the arrow will appear from the down side
they will ...
0
votes
1
answer
74
views
How can I add a scale animation to a background-attachment:fixed element?
I am trying to make an element that :
has the background-attachment: fixed attribute, so when you scroll it does not scroll with you ;
have a beautifull scale-out animation that runs once.
My ...
- 63
0
votes
0
answers
39
views
How do I end all animations on their last frame? [duplicate]
I've been struggling to get this button to start all my animations at the same time. After a lot of trial and error, I managed to get it working. However, when I watched how it played out, my elements ...
- 1
0
votes
1
answer
62
views
Stopping a @keyframes animation at specific keyframe
I have a simple CSS keyframes animation (from https://codepen.io/hopefulcodegirl/pen/WNwmOQX) - I was wondering if there is a way to stop the animation at a specific keyframe (this would be based on ...
- 163
0
votes
0
answers
53
views
Safari Page Load Animation Issue on First Access
I'm experiencing a challenging issue with Safari concerning the page load animation. Specifically, when I first open the main page, the load animation doesn't initiate. However, if I navigate away to ...
0
votes
0
answers
62
views
CSS animation acts weird for one particular item
I have a green circle with many images inside of it.
Upon loading, the images have a simple animation in which they show up and bounce back at the positions I have set up. However, one of the images ( ...
