DO NOT USE! THIS TAG IS AMBIGUOUS. Try to use a less ambiguous tag like [css-transitions], [android-animation] or [ios-animations] [pytransitions] if possible.
Questions tagged [transition]
5240 questions
1
vote
0 answers
Can I control when animation appears on gganimate by a click?
I want to make my animations for a powerpoint that I am presenting and so am using gganimate for my data. However, I would like the next set of data to only cycle in when I click as I will be speaking over the data, is this possible? (in…

Banterny
- 25
- 4
1
vote
1 answer
rootRef.current.contains is not a function on react-transition-group Transition Component on latest React and MUI v5?
I am migrating a project from Material-UI 4 to MUI v5, where I also upgraded react to v18. We are using Transition from react-transition-group on one of our components, inside of a Modal. I get a rootRef.current.contains is not a function error on a…

sshakya
- 75
- 6
1
vote
1 answer
SVG line ROTATE transform animation takes a wierd path before reaching destination angle [ Works differently between laptop and extended monitors ]
I'm trying to recreate a meter in SVG.
When trying to rotate a or a using transform and a transition, the line / path takes a wierd route before reaching the destination angle.
Observed that it works differently between laptop and…

Neyo
- 523
- 1
- 8
- 23
1
vote
3 answers
Python/Pygame transitioning from one file to another
Sorry if this question is incredibly easy to answer, or I sound like an idiot. I'm wondering how I would execute a script in one file, pygame event loop, blits, etc, then switch to another file, SelectWorld.py, which has it's own event loop, and…

Name McChange
- 2,750
- 5
- 27
- 46
1
vote
1 answer
change icon color when sliding animation to top in flutter
I need to change the color of the icon while sliding to the top. Using two colors, one at the beginning and the second at the end.
I tried this code below, but the color remains the same.
class Loading extends StatefulWidget {
const Loading({Key?…

ILii
- 83
- 3
- 10
1
vote
1 answer
Pure CSS Smooth Scrolling to Same-Page Anchor Hyperlinks Without Javascript
On this hospital website there is a nice transition animation effect when clicking on a letter link, the jump to the selected anchor text has an easy smooth animation effect that brings the visitor down the page.
Using Chrome Devtools I'm unable to…

Sam
- 15,254
- 25
- 90
- 145
1
vote
3 answers
Smooth transition of background-color
I have a problem with the color transition on my site.
Basically, I want to transition from a black background-color to white but I want it to go like on this site https://bullmade.dk/ - smooth (check the inspect when you scroll or the video…

Goran Taskov
- 21
- 3
1
vote
2 answers
jQuery Mobile - applying transition effects for individual dom elements
I'm looking to accomplish something like this using jQuery Mobile (and ideally, no additional plugins): http://demo.tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/demo.php
I can make it work with only one element using pages and…

Joseph Wer
- 351
- 1
- 6
- 15
1
vote
1 answer
How to transition to hover and not:hover states with only one class
I have two buttons to which I apply a simple 0.2s transition on the color change. Everything works perfectly but I would like to find an alternative way to write not: hover, so as to shorten the css.
Is there actually a way to tell all hover and…

Snorlax
- 183
- 4
- 27
1
vote
1 answer
how to check if the transition name is valid in jquery.mobile?
I have a javascript method which accepts the transition name as a parameter and passes it to jquery.mobile for changing page:
$.mobile.changePage(renderedPage, { transition: transition, reverse: reverse });
Now I need to check if the transition…

Mo Valipour
- 13,286
- 12
- 61
- 87
1
vote
2 answers
Box Shadow - remove fade in/out
The transition of the box-shadow makes fade in/out effect of the box shadow.
It is visible when you set a slow transition.
Is possible to remove this fade effect, that shadow appears only by x and y position?
Example:…

CrowScript
- 155
- 2
- 8
1
vote
1 answer
Transition effect between two states of svg polygon on hover
function menuHover(navLI, Y) {
const topTriangle = navLI.querySelector(".triangle").querySelector("polygon");
topTriangle.setAttribute("points", "0,0 200,0 100," + Y);
}
function navHoverIn(navLI) {menuHover(navLI, 60);}
function…

Eva
- 13
- 3
1
vote
0 answers
BARBA.js transition gets broken after adding woocommerce links to menu
Today I bump on a weird issue, that seems to happen with WooCommerce plugin (well im stuck on it for 4 days T_T)
THE PROBLEM:
Barba Transition animation gets broken at afteafterLeave( ) hook after i add "WooCommerce" links (pages) onto the main…

Rubins
- 29
- 5
1
vote
1 answer
How to add transitions between clips in moviepy?
My current attempt:
This is my current code:
from moviepy.editor import *
clips = [VideoFileClip('a.mp4'), VideoFileClip('b.mp4'), VideoFileClip('c.mp4')]
transitioned_clips = [demo_clip.crossfadein(2) for demo_clip in clips]
for_delivery =…

U13-Forward
- 69,221
- 14
- 89
- 114
1
vote
1 answer
How to present a modal view controller like with UIKit's UIViewControllerTransitioningDelegate?
I am switching from UIKit to SwiftUI and still struggle to understand some parts of it, especially the transitions between views.
I have a situation where is displayed on screen a view controller with a list, say ElementsListViewController(), and…

Another Dude
- 1,204
- 4
- 15
- 33