6,314 questions
1
vote
2
answers
42
views
How to prevent rerender of identical component in child?
I'm trying to make a progress bar that has a transition animation. Think: a multi-page wizard, and when you advance to the next page the progress bar animates to the next step.
When the progress bar ...
- 3,387
0
votes
1
answer
117
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 ...
- 1,346
1
vote
1
answer
92
views
Credit Card flip animation is glitching
https://kraker52.github.io/Flipping-Card/
Here is the link to the mini project I made (I don't think it would even be considered mini to you guys). The problem is when you try to hover on it from ...
- 35
0
votes
1
answer
40
views
transition on bootstrap column width is sluggish
i want to apply transition on bootstrap columns width when open state changes, the transition works but it's sluggish, it's not smooth at all
layout.js
"use client";
import { useState } from ...
- 139
1
vote
1
answer
69
views
Disable transition effects for a hover event
Is it possible to disable transition effects for a :hover event?
See the snippet: clicking the button shows some divs one after the other with a fading background (by using a transformation). However, ...
- 117
0
votes
1
answer
45
views
Bottom border animation is not activating
<section className="accessories bg-blue-600 p-8">
<div className="container max-w-7xl my-0 mx-auto">
<div className="accesories-wrapper">
&...
1
vote
0
answers
100
views
My `base-select` expand animation doesn't work until `width` is added
I'm experimenting with the new appearance: base-select (you'll need to view this question in Chrome). Here's the partially broken demo:
select,
::picker(select) {
appearance: base-select;
}
::picker(...
- 880
0
votes
1
answer
148
views
Transition in mask-image
I have a container where a fade is being applied on the right hand side but I want the fade to transition in. So on load the content is shown and then the mask-image transitions in smoothly. Any idea?
...
0
votes
1
answer
51
views
Why is the text within my divs behaving differently with the same styling? [duplicate]
I am wanting my site to be split into two vertical sections, and when one is hovered, it transitions to cover most of the page. The white side behaves exactly how I want it to: the text and background ...
0
votes
1
answer
72
views
CSS transitions work only intermittently in Firefox
I have a simple static HTML page with JavaScript and CSS embedded:
const outerBox = document.getElementById("outerBox");
const innerBox = document.getElementById("innerBox");
const moveOutBtn = ...
- 1,037
1
vote
1
answer
35
views
Dropdown's height isn't changed smoothly, instead, it jumps from one state to another
I'm going through a navbar tutorial on youtube (https://www.youtube.com/watch?v=IF6k0uZuypA&t=987s) - the link is with the timecode. It should work like at this moment in the vid
calcHeight should ...
- 173
1
vote
4
answers
250
views
Change CSS property after transition
I have a button to toggle opening and closing of a dropdown menu with CSS transition. Suppose I have this HTML for a dropdown menu and a toggle button:
<button type="button" id="main-...
- 1,342
2
votes
4
answers
89
views
Need help in toggeling animation with CSS Web Animations API
I am trying to toggle an animation on an element using the CSS Web Animations API (WAAPI). Specifically, I want the animation to transition smoothly between two states on each button click — ...
0
votes
1
answer
96
views
How can I animate an element that shows up after a function is called?
I've been trying to make my navbar responsive for mobile and decided it'd be good to make it a lateral bar when the width gets smaller. Also, in order to not having to change the code in every single ...
- 3
2
votes
1
answer
74
views
Border and background inconsistent transition when transitioning to transparent
I want to have a consistent transition for both background color and border-color. However, it seems like there is some delay on the border-color. This issue is only present when transitioning to ...
- 1,159