8,562 questions
Score of 0
1 answer
129 views
CSS layout and animation issues: Sibling hover not triggering animation and absolute positioning breaking
I am building a football animation using purely HTML and CSS (no JavaScript). I am running into three specific issues:
Hover Animation: I want the ball to be set in motion when the home-btn (the ...
Score of 2
1 answer
199 views
Angular 21 animate.leave confusion
I am trying to get the Angular Enter and Leave animations that have been introduced with v20 to work. I am using Angular v21.2.5. I have tested on Firefox 148 and Edge 146, both Windows 11.
I am ...
Score of 0
2 answers
114 views
How to animate toggle between menu and close Material Icons using CSS and JavaScript? [duplicate]
I am creating a navigation toggle button for my website. I want to switch between the menu and close Material Icons when the button is clicked. The icon changes correctly using JavaScript, but the ...
Score of 0
0 answers
83 views
Applying CSS Animation To A DIV That Uses Steps Without Losing Adjusted Keyframes
The steps attribute in CSS animations is great for getting pixel precise positions from an image when working with a sprite sheet. But once you apply a moving motion to that steps animation, it breaks....
Score of 1
1 answer
188 views
How to do a parameterized animation using animate.enter in Angular 21?
I'm currently migrating my projects from @angular/animations to CSS animations because the animations library is deprecated and going to be removed in Angular 23.
Migrating animations to CSS ...
Score of 1
0 answers
78 views
Element jumps around the corner when animated with CSS offset path
I want to animate a rectangle so that it follows an svg path. I succeeded in doing so, however it looks like the rectangle is jumping around the corners of the path. In the Mozilla docs the animation ...
Score of 0
1 answer
89 views
How can I make the animation revert back smoothly in CSS
I have a simple CSS text that changes its position and font weight when I hover over it:
@keyframes boldenize{
0%{font-weight: 300; transform: translateX(0px)};
100%{font-weight: 900; ...
Score of 1
0 answers
33 views
Can I export animation data from Chrome DevTools Animations panel (timing, easing, keyframes)?
I recently discovered the Animations panel in Chrome DevTools while debugging CSS animations.
What I would like to do is export the animation data (such as timing, easing functions, delays, keyframes, ...
Advice
0
votes
4
replies
141
views
How can a CSS animation transform scale start from where a transition left off?
I have an HTML div that contains a photo, amongst other things. This div is movable by the user with a click and drag. When the div is clicked (:active), after a slight delay, I have it grow slightly ...
Score of 0
1 answer
148 views
Animate a div between width constrained and a height constrained, also keeping the same aspect ratio as the img
I have a div containing an image. The image is user supplied so it can be tall or wide or square. By default I want to keep the image at a fixed 36px height, its width expanding as needed according to ...
Score of 0
0 answers
107 views
Why is my SVG animation not playing after embedded in an HTML-Element in TYPO3?
I want an animated Icon (path stroke animation). I used https://svgartista.net/ to get the the following codes. My collegue, who is not available for me anymore, told me to add ... somewhere. But I ...
Score of 0
2 answers
109 views
How can I make each word pause in the middle for a second before scrolling up to the next?
My code here scrolls up smoothly but I want each word to pause in the middle for a second before scrolling to the next word while keeping the infinite loop?
<div id="scroll-container">
...
Score of 4
1 answer
234 views
How to emulate aspect ratio change using CSS animation?
I've tried researching using a couple of sources, but none of them focused on my problem specifically. I want to use CSS, if possible, to get a border effect that emulates some aspect ratio changes, ...
Score of 1
0 answers
118 views
How to make an overlay animation in a StackPane with JavaFX
I have three StackPane elements, each containing its corresponding ImageView for an Icon and an overlay VBox. The intended animation is to make the overlay appear from the top to the bottom of the ...
Score of 1
2 answers
160 views
Trying to get a typing like effect for my personal website in HTML and CSS
I'm writing a simple webpage to advertise stuff I've done, so basically my GitHub page but with more presentational value, also using it to get more practice with HTML, where as I'm more familiar with ...