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 ...

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 ...

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 ...

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 ...

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, ...

<section className="accessories bg-blue-600 p-8"> <div className="container max-w-7xl my-0 mx-auto"> <div className="accesories-wrapper"> &...

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(...

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? ...

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 ...

I have a simple static HTML page with JavaScript and CSS embedded: const outerBox = document.getElementById("outerBox"); const innerBox = document.getElementById("innerBox"); const moveOutBtn = ...

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 ...

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-...

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 — ...

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 ...

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 ...