Questions tagged [animation]

Animation is the rapid display of a sequence of visuals in order to create an illusion of movement or change.

Animation is the rapid display of a sequence of visuals in order to create an illusion of movement or change. The elements of animation are typically images or mathematical renderings. Animation effects can be 2D or 3D.

The most common method of presenting animation is as a motion picture or video program, although there are other methods. This type of presentation is usually accomplished with a camera and a projector or a computer viewing screen which can rapidly cycle through images in a sequence. Animation can be made with either hand-rendered art, computer-generated imagery, or three-dimensional objects, e.g., puppets or clay figures, or a combination of techniques. The position of each object in any particular image relates to the position of that object in the previous and following images so that the objects each appear to fluidly move independently of one another. The viewing device displays these images in rapid succession, usually 24, 25, or 30 frames per second.

41100 questions
992
votes
12 answers

How do I animate constraint changes?

I'm updating an old app with an AdBannerView and when there is no ad, it slides off screen. When there is an ad it slides on the screen. Basic stuff. Old style, I set the frame in an animation block. New style, I have a IBOutlet to the auto-layout…
DBD
  • 22,215
  • 12
  • 57
  • 84
606
votes
18 answers

How can I create a "Please Wait, Loading..." animation using jQuery?

I would like to place a "please wait, loading" spinning circle animation on my site. How should I accomplish this using jQuery?
thedp
  • 8,178
  • 16
  • 49
  • 87
467
votes
33 answers

Android: Expand/collapse animation

Let's say I have a vertical linearLayout with : [v1] [v2] By default v1 has visibily = GONE. I would like to show v1 with an expand animation and push down v2 at the same time. I tried something like this: Animation a = new Animation() { int…
Tom Esterez
  • 20,104
  • 8
  • 33
  • 38
370
votes
8 answers

How to have multiple CSS transitions on an element?

It's a pretty straightforward question but I can't find very good documentation on the CSS transition properties. Here is the CSS snippet: .nav a { text-transform:uppercase; text-decoration:none; color:#d3d3d3; line-height:1.5…
Eric Thoma
  • 5,045
  • 6
  • 26
  • 39
359
votes
18 answers

Animate change of view background color on Android

How do you animate the change of background color of a view on Android? For example: I have a view with a red background color. The background color of the view changes to blue. How can I do a smooth transition between colors? If this can't be…
hpique
  • 112,774
  • 126
  • 328
  • 461
346
votes
17 answers

Show and hide a View with a slide up/down animation

I have a LinearLayout that I want to show or hide with an Animation that pushes the layout upwards or downwards whenever I change its visibility. I've seen a few samples out there but none of them suit my needs. I have created two xml files for the…
MichelReap
  • 4,940
  • 8
  • 30
  • 80
295
votes
7 answers

CSS3 Rotate Animation

Cannot get this animated image to work, it is supposed to do a 360 degrees rotation. I guess something's wrong with the CSS below, as it just stays still. .image { float: left; …
Nikk
  • 5,862
  • 5
  • 30
  • 61
262
votes
38 answers

How do you make an element "flash" in jQuery

I'm brand new to jQuery and have some experience using Prototype. In Prototype, there is a method to "flash" an element — ie. briefly highlight it in another color and have it fade back to normal so that the user's eye is drawn to it. Is there such…
Howard Pinsley
  • 10,614
  • 15
  • 47
  • 64
259
votes
9 answers

How to stop an animation (cancel() does not work)

I need to stop a running translate animation. The .cancel() method of Animation has no effect; the animation goes until the end anyway. How do you cancel a running animation?
Mix
  • 3,003
  • 2
  • 15
  • 14
258
votes
27 answers

UIView Infinite 360 degree rotation animation?

I'm trying to rotate a UIImageView 360 degrees, and have looked at several tutorials online. I could get none of them working, without the UIView either stopping, or jumping to a new position. How can I achieve this? The latest thing I've tried…
Derek
  • 9,313
  • 7
  • 27
  • 34
231
votes
16 answers

How to make a smooth image rotation in Android?

I'm using a RotateAnimation to rotate an image that I'm using as a custom cyclical spinner in Android. Here's my rotate_indefinitely.xml file, which I placed in res/anim/:
emmby
  • 95,927
  • 63
  • 178
  • 243
230
votes
25 answers

How to change the Push and Pop animations in a navigation based app

I have a navigation based application and I want to change the animation of the push and pop animations. How would I do that? Edit 2018 There have been many answers to this question and it's been quite awhile now, I have re-chosen the answer to what…
Jab
  • 21,612
  • 20
  • 66
  • 111
217
votes
21 answers

How to Use slideDown (or show) function on a table row?

I'm trying to add a row to a table and have that row slide into view, however the slidedown function seems to be adding a display:block style to the table row which messes up the layout. Any ideas how to work around this? Here's the…
Greg
  • 39,830
  • 86
  • 217
  • 286
216
votes
7 answers

How to run two jQuery animations simultaneously?

Is it possible to run two animations on two different elements simultaneously? I need the opposite of this question Jquery queueing animations. I need to do something like this... $('#first').animate({ width: 200 }, 200); $('#second').animate({…
Jakub Arnold
  • 79,807
  • 86
  • 218
  • 314
214
votes
15 answers

How to animate the change of image in an UIImageView?

I have an UIImageView with an image. Now I have a completely new image (graphic file), and want to display that in this UIImageView. If I just set myImageView.image = newImage; the new image is visible immediately. Not animatable. I want it to…
dontWatchMyProfile
  • 42,456
  • 49
  • 169
  • 255
1
2 3
99 100