Stack Overflow
Stack Overflow

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
23
votes
6 answers

How to get value of translateX and translateY?

I want to get translateY value from the in-line css with the JavaScript. Here is the in-line value: style ="transition-property: transform; transform-origin: 0px 0px 0px; transform: translate(0px, -13361.5px) scale(1) translateZ(0px);" These code…
Mo.
  • 26,306
  • 36
  • 159
  • 225
23
votes
2 answers

Sankey diagram transition

I would like to know if there is an easy way to modify the Sankey diagram example so that there is smooth transition to new data. For example, imagine I have different datafiles (energy1.json, energy2.json ...) how could d3 plot a Sankey diagram for…
Mermoz
  • 14,898
  • 17
  • 60
  • 85
22
votes
5 answers

CSS margin-left transition not working

I'm trying to do a transition from the center to left and reduce the height of an image. The height transition is working fine, but the margin just teleports to the left instead of animating. this is my code: #logo_img { height: 55px; width:…
DarkW
  • 575
  • 1
  • 6
  • 18
22
votes
1 answer

d3: How to properly chain transitions on different selections

I am using V3 of the popular d3 library and basically want to have three transitions, followed by each other: The first transition should apply to the exit selection, the second to the update selection and the third to the enter selection. They…
grssnbchr
  • 2,877
  • 7
  • 37
  • 71
21
votes
3 answers

Customizing the collapse transition in bootstrap 4

Bootstrap 4 uses the class .collapsing to animate the width/height of an .collapse-element while opening/closing it. Unfortunately the actual change is approached by adding the width/height as an inline style to the element and adding and removing…
TiPE
  • 412
  • 1
  • 3
  • 9
21
votes
1 answer

CSS3 transitions to dynamically created elements

I'm trying to animate a dynamically created html element with CSS3 transitions. I want the animation to start just before the element is created. For these i create a class that set the original position of the element and then I set the target…
blackjid
  • 1,571
  • 16
  • 23
21
votes
7 answers

Transition behavior using transitionFromView and transitionWithView

I am attempting to create a transition between two subviews (view1 and view2). When a button is pressed I want view1 (front) to flip and show view2 (back). I have tried both transitionFromView and transitionWithView. Each works - but each has a…
David
  • 211
  • 1
  • 2
  • 6
21
votes
3 answers

iOS - Smooth Color Change Transition/Animation

I want to have a smooth color transition that goes across the entire spectrum (i.e. red, blue, green, yellow, orange, etc.) Also want to be able to have smooth transitions of colors in specific spectrum (i.e. all reds). Are there any simple…
JimmyJammed
  • 9,598
  • 19
  • 79
  • 146
21
votes
4 answers

Ember transition & rendering complete event

Is there any event fired stating the transition/rendering has completed (and the dom is visible/ready). setupcontroller/activate are before the dom is built/rendered didInsertElement gets fired only the first time when I've already inserted an…
Kingpin2k
  • 47,277
  • 10
  • 78
  • 96
21
votes
5 answers

How to Fade In/Out multiple texts using CSS/jQuery like on Droplr?

I've seen this type of animation on a website just when CSS3 key-frames started to gain momentum, but couldn't find it nor could I replicate it using CSS or jQuery, and here's where I thought some of you could help. I've animated what I hope to…
Amruth Pillai
  • 1,539
  • 2
  • 13
  • 28
20
votes
2 answers

D3 Real-Time streamgraph (Graph Data Visualization)

I would like a stream graph as in this example: http://mbostock.github.com/d3/ex/stream.html but I would like real time data entering from the right and have old data leave from the left, such that I always have a window of 200 samples. How would I…
rustybeanstalk
  • 2,722
  • 9
  • 37
  • 57
20
votes
2 answers

Android: speeding up shared element transition between activities

I have a shared element transition between two activities that works in the following way: Intent someintent = new Intent(this, someclass.class); if (Build.VERSION.SDK_INT >= 21) { ActivityOptions options =…
Jon
  • 7,941
  • 9
  • 53
  • 105
20
votes
1 answer

How to 'cancel' view appearance transitions for custom container controller transitions

I have created a custom container controller that works similarly to a UIPageViewController so that I could implement some custom transitions & data source logic. I tried to mimic the way the new customer view controller transition APIs work in iOS…
Stuart
  • 36,683
  • 19
  • 101
  • 139
20
votes
10 answers

overridePendingTransition not working

I'm trying to implement a transition in my app but overridePendingTransition(anim, anim) is not working correctly. I have window transitions enabled After debugging the code I can say that the compiler does execute the call but it is NOT shown I…
Tim Kranen
  • 4,202
  • 4
  • 26
  • 49
20
votes
2 answers

D3.js Transitions

I am trying to create an animated bar graph using d3.js. I want the bars to appear one by one like this example http://nvd3.com/ghpages/multiBar.html . I was able to create a similar behavior but the motion starts from the height of the bar builds…
s_curry_s
  • 3,332
  • 9
  • 32
  • 47
1 2 3
…
99 100