Stack Overflow
Stack Overflow

Questions tagged [easing]

a set of algorithms for graceful motion over time with acceleration and deceleration.

These were developed by, discovered by, or popularized by and released by Robert Penner under the BSD license and implemented in a very wide variety of languages and frameworks including CSS3 Transitions, jQuery, WPF and Silverlight.

383 questions
8
votes
1 answer

jQuery.easing - easeOutCubic - emphasizing on the ease

I'm using the jQuery easing plugin by Robert (http://gsgd.co.uk/sandbox/jquery/easing/) and I need to emphasizing or drag out the ease effect. Basically, I want the ease effect to be really quick but then slow down greatly during the ease out. I…
Paramount
  • 1,109
  • 14
  • 27
8
votes
1 answer

CAKeyframeAnimation - move along path and use easing

Is it possible to use CAKeyframeAnimation to move something along a path and at the same time use some sort of easing so there is acceleration or deceleration? I know there is timingFunctions and keyTimes, but I don't see how they would work if you…
Brian
  • 3,571
  • 7
  • 44
  • 70
7
votes
1 answer

Implementing EaseIn, EaseOut functions in Delphi

I am trying to implement fluid movement of tabs in TChromeTabs. I can see the easing formulas here, but I am no mathematician and have no idea how to translate this into code. My attempts so far have got me nowhere. Are there Delphi implementations…
norgepaul
  • 6,013
  • 4
  • 43
  • 76
7
votes
2 answers

How to convert css3 transition easing to jquery easing function?

I making a slider for both modern browsers and old browsers too. I use translate3d and transition to make animation in modern browsers which support css3. I use 2d top, left and easing functions for old browser. I use css3 easing from…
StoneHeart
  • 15,790
  • 32
  • 67
  • 84
6
votes
2 answers

How to use tweening in Python, without losing accuracy?

I've been struggling to use tweening to make mouse movements smooth in Python, I am currently trying to automate some repetitive tasks. I've tried to use tweening to remove some of the roughness that occurs without smoothing applied, however by…
Naomi
  • 271
  • 1
  • 3
  • 15
6
votes
3 answers

Apply easing on jquery ui show?

I'm trying to apply easing on a jquery ui show effect. Ideally the api would look something like this: $(this).show('scale', { duration: 1000, easing: 'easeOutBounce', }); Currently the element is at display:none. I need to show it with the…
Harry
  • 52,711
  • 71
  • 177
  • 261
6
votes
2 answers

Adding easing on requestAnimationFrame

I need to reproduce the same effect as here: http://www.chanel.com/fr_FR/mode/haute-couture.html = a swipe effect on mouse move event. I just need some help on the animation part. function frame() { $('.images-gallery').css({ …
enguerranws
  • 8,087
  • 8
  • 49
  • 97
6
votes
5 answers

Simple easing function in javascript

I'm having trouble figuring out this simple math problem. I have spent over two hours reading through various related answers on SO and Google, but it seems my high school math knowledge is gone. On the page I have an element, that, once it passes a…
oelna
  • 2,210
  • 3
  • 22
  • 40
5
votes
1 answer

Moving Box2d Bodies Like CCSprite Objects

In cocos2d, you can ease in CCSprites and move them around in all kinds of ways. Most importantly - they can have easing in/out. For most games this is desirable for smooth movement etc. id action = [CCMoveTo actionWithDuration:dur…
Aram Kocharyan
  • 20,165
  • 11
  • 81
  • 96
5
votes
2 answers

Easing animation 'twitches' when it finishes

I am using Microsoft Interactivity and Microsoft Interactions to rotate an object based on a Property in my code-behind. To make the rotation more smooth I added in an easing function. It does the animation perfectly fine but when it reaches the end…
Perry
  • 2,250
  • 2
  • 19
  • 24
5
votes
3 answers

How to implement easeOutBack easing in css transform animation

I am working with some css animation. But I found that, the CSS transition only support following easing function. ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier() I do want to use something like easeOutBack easing in the animation…
WaiLam
  • 997
  • 1
  • 9
  • 15
5
votes
1 answer

Simulate gravitational pull on a body in orbit

I'm trying to simulate gravitational pull/acceleration in the following animation. earth's angular velocity should increase as it gets closer to sol and decrease as it gets far. I think I'll need an easing function to modify the…
akinuri
  • 10,690
  • 10
  • 65
  • 102
5
votes
1 answer

How to convert a cubic bezier value to a custom mina easing (snap.svg)

I'm trying to create custom easing for a snap.svg animation. I looked at the documentation (http://snapsvg.io/docs/#mina), but it's not clear to me how I could convert a CSS3 style cubic-bezier (for example: cubic-bezier(0.17, 0.67, 0.25, 0.99)) to…
arrow
  • 174
  • 3
  • 15
5
votes
6 answers

Change background image onclick with easing

I am implementing a site and I would like to change background images on click but with ease, like fade in fade out or whatever. The onclick part is implemented with Jquery but I am struggling with the easing part. I have searched the Web for this…
vaskort
  • 2,591
  • 2
  • 20
  • 29
4
votes
2 answers

check if jQuery UI easing methods are available

I writing a plugin that does some toggling and I need a way to check what easing methods are available. I want to support the jQuery UI easing methods when available. It looks like those are in the effects package in the custom builder but, since…
ryanve
  • 50,076
  • 30
  • 102
  • 137
1
2
3
…
25 26