Questions tagged [transition]

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.

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…
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…
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
1 2 3
99
100