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
122
votes
10 answers

Can I change the Android startActivity() transition animation?

I am starting an activity and would rather have a alpha fade-in for startActivity(), and a fade-out for the finish(). How can I go about this in the Android SDK?
coneybeare
  • 33,113
  • 21
  • 131
  • 183
108
votes
17 answers

"From View Controller" disappears using UIViewControllerContextTransitioning

I got one problem and i have described it below. I am using UIViewControllerContextTransitioning for custom transitions. I have 2 view controllers, first view controller and second view controller. Now I want to add second view controller on first…
NiravPatel
  • 3,260
  • 2
  • 21
  • 31
103
votes
9 answers

Invoke a callback at the end of a transition

I need to make a FadeOut method (similar to jQuery) using D3.js. What I need to do is to set the opacity to 0 using transition(). d3.select("#myid").transition().style("opacity", "0"); The problem is that I need a callback to realize when the…
Tony
  • 10,088
  • 20
  • 85
  • 139
96
votes
25 answers

Unbalanced calls to begin/end appearance transitions for

I have this problem when I simulate my app, its not an error or a warning but it appears in my console, has anyone ever experienced this before?
C.Johns
  • 10,185
  • 20
  • 102
  • 156
72
votes
6 answers

CSS Auto hide elements after 5 seconds

Is it possible to hide element 5 seconds after the page load? I know there is a jQuery solution. I want to do exactly same thing, but hoping to get the same result with CSS transition. Any innovative idea? Or am I asking beyond the limit of css…
Alfred
  • 1,023
  • 2
  • 9
  • 13
68
votes
14 answers

Bug with transform: scale and overflow: hidden in Chrome

Working with CSS3 property transform: scale, I found interesting issue. I wanted to make a little zoom effect for pictures. But when I used for the parent div overflow: hidden and border-radius, the child div extended the beyond of parent…
Jake Blues
  • 1,033
  • 1
  • 9
  • 12
65
votes
5 answers

CSS Transition for only one type of transform?

Is it possible to animate (using transitions) only one type of css transform? I have css: cell{ transform: scale(2) translate(100px, 200px); transition: All 0.25s; } Now, I want only scale to be animated. In this case I could use…
cimak
  • 1,765
  • 3
  • 15
  • 18
60
votes
6 answers

Is it advisable to switch from Cygwin 32bit to Cygwin 64bit?

I've been using Cygwin (for a long time). Specifically, I use it (including gcc/g++) on Win7 for development work. I've just recently noticed there now exists a 64-bit version. I don't have a specific need which requires that I make the transition…
einpoklum
  • 118,144
  • 57
  • 340
  • 684
56
votes
3 answers

Different CSS transition-delays for hover and mouseout?

Is it possible to use CSS3 transitions with a different delay switching between "states"? For example, I'm trying to make an element immediately higher upon hover then on 'mouseout' to wait a second before sliding back to the element's initial…
Marcel
  • 27,922
  • 9
  • 70
  • 85
54
votes
3 answers

Animating fragments and the back stack

I am having trouble using or understanding how popping FragmentTransactions off of the back stack handles the custom animations. Specifically, I expect it to call the "out" animation, but it doesn't seem to. I have a simple method to handle a…
Kelly Merrell
  • 1,245
  • 1
  • 10
  • 16
54
votes
4 answers

css transition opacity fade background

I am doing a transition where it fades into transparent white, when a user is hovering an image. My problem is that I need to change the color, that it fades to, to black. I have tried just simply adding background:black; to the class that contains…
simon
  • 2,235
  • 6
  • 33
  • 53
51
votes
2 answers

Vue.js page transition fade effect with vue-router

How to achieve a fade effect page transition between vue-router defined pages (components)?
Kaspi
  • 3,538
  • 5
  • 24
  • 29
48
votes
4 answers

How to change all the activity transitions at once in Android application?

I know I can change activity transition using the following code right after startActivity() or finish() activity.overridePendingTransition(R.anim.activity_close_enter, R.anim.activity_close_exit); But if I have ten activities in my app, I have to…
Gen Liu
  • 655
  • 1
  • 6
  • 7
46
votes
4 answers

Add transition while changing img src with javascript

I have an img tag that I want to change the src when hover and it all works but i would like to add some transition so it doesn't look so rough but since it's an img src i cant target it with css. http://jsfiddle.net/Ne5zw/1/ html
ernerock
  • 542
  • 1
  • 4
  • 6
46
votes
4 answers

Android - How to animate an activity transition when the default back button is pressed

In my activity, I have a button with the following click listener that is working great: final ImageButton startOverButton = (ImageButton) findViewById(R.id.start_over_button); startOverButton.setOnClickListener(new View.OnClickListener(){ …
1
2 3
99 100