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.

44523 questions
99
votes
2 answers

Setting android:animateLayoutChanges programmatically

I am creating linearLayouts programmatically and would like them to fade in and out when the visibility is set to visible/gone. I can set android:animateLayoutChanges="true" in the xml-file, but since I am creating the views programmatically, I…
deimos1988
  • 5,896
  • 7
  • 41
  • 57
98
votes
6 answers

Swipe List Item for more options (Flutter)

Somedays ago I decided to choose an Ui for an app from Pinterest to practice building apps with Flutter but I'm stuck with the Slider which shows an "more" and "delete" button on horizontal drag. Picture on the right. I don't have enough knowledge…
Lukas Kirner
  • 3,989
  • 6
  • 23
  • 30
97
votes
4 answers

How to perform a fade animation on Activity transition?

I am codifiying a transition effect between my logo activity and my Main activity, but I have the problem that before vanish the activity move to top:
MarcForn
  • 3,321
  • 7
  • 25
  • 39
97
votes
3 answers

Android - how to get android.R.anim.slide_in_right

I'm playing about with animations with android. The animations android.R.anim.slide_in_left and android.R.anim.slide_out_right are provided. I'm looking for a way to get the opposite animations i.e: android.R.anim.slide_in_right and…
user130076
96
votes
5 answers

CSS transition auto height not working

I have a website, and I decided to replace the jquery based toggle boxes with pure CSS snippets. When I use fixed height value for the transition (last lines of the CSS), it works well, but with the auto value, the animation is missing, only the…
Just me
  • 963
  • 1
  • 6
  • 5
94
votes
4 answers

How to cancel UIView block-based animation?

I've searched loads of SO stuff and in Apple's references, but still unable to manage my problem. What I have: A screen with 2 UIImageViews and 2 UIButtons connected to them 2 kinds of animation: Scaling up and then down of each image, one after…
raistlin
  • 4,298
  • 5
  • 32
  • 46
93
votes
9 answers

Android fade in and fade out with ImageView

I'm having some troubles with a slideshow I'm building. I've created 2 animations in xml for fade in and fade out: fadein.xml
IPValverde
  • 2,019
  • 2
  • 21
  • 38
93
votes
7 answers

CSS Animations with delay for each child element

I am trying to create a cascading effect by applying an animation to each child element. I was wondering if there is a better way to do it than this: .myClass img:nth-child(1){ -webkit-animation: myAnimation 0.9s linear forwards; } .myClass…
Seka
  • 1,413
  • 2
  • 12
  • 16
91
votes
7 answers

Pulsing Heart CSS animation

I`m working on an animated heart only with CSS. I want it to pulse 2 times, take a small break, and then repeat it again. What I have now: small ==> big ==> small ==> repeat animation What I'm going for: small ==> big ==> small ==> big ==> small…
Fernando Souza
  • 1,748
  • 1
  • 20
  • 36
90
votes
4 answers

How to do a native "Pulse effect" animation on a UIButton - iOS

I would like to have some kind of pulse animation (infinite loop "scale in - scale out") on a UIButton so it gets users' attention immediately. I saw this link How to create a pulse effect using -webkit-animation - outward rings but I was wondering…
Johann
  • 12,158
  • 11
  • 62
  • 89
90
votes
11 answers

Push segue in xcode with no animation

I am using normal storyboarding and push segues in xcode, but I want to have segues that just appear the next view, not slide the next view (as in when you use a tab bar and the next view just appears). Is there a nice simple way to have normal push…
R2D2
  • 2,620
  • 4
  • 24
  • 46
89
votes
4 answers

disable Bootstrap's Collapse open/close animation

Any trick to disable the open/close animation of Collapse groups ?
younes0
  • 2,288
  • 1
  • 25
  • 34
88
votes
1 answer

What is the purpose of Angular animations?

I've been wondering for some time now why should I use Angular animations over CSS animations. I see few areas one might consider before using them: Performance In the first step I found this question which deals only with performace side of…
Dan Macak
  • 16,109
  • 3
  • 26
  • 43
88
votes
16 answers

UIView shake animation

i'm trying to make a UIView shake when a button is pressed. I am adapting the code I found on http://www.cimgf.com/2008/02/27/core-animation-tutorial-window-shake-effect/. However, by trying to adapt the following code to shake a UIView, it does not…
Jack Greenhill
  • 10,240
  • 12
  • 38
  • 70
88
votes
21 answers

iPhone WebKit CSS animations cause flicker

This is the iphone site: http://www.thevisionairegroup.com/projects/accessorizer/site/ After you click "play now" you'll get to a game. The guns will scroll in. You can scroll the purse and accessories up and down. You can see that when you let go…
Jake Chapa
  • 881
  • 1
  • 7
  • 4