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
3
votes
2 answers

Counter transform in css animation

In some interface, I want to do animations. Since the transform property is far more optimized for that than other CSS properties, I'll use that. With transform: scale() : When element aspect ratio doesn't change, no problem. When ratio is supposed…
Adam S
  • 1,021
  • 1
  • 14
  • 25
3
votes
1 answer

Smooth transition between values (ease in/out)

I'll probably get negative reputation for asking this question but I'm stuck and need help. I need to do a nice and smooth easing between two values, the result being displayed in a textbox. For example, my textbox is showing "125" and have to grow…
MadeByVince
  • 85
  • 8
3
votes
1 answer

How to calculate this constant in various easing functions?

Based on this blog post (japanese, so I used google translate to read that) and other various source, it's seems that the magic constant 1.70158 equal 10% "bounce". The constant appear in various easing functions such as inBack, outBack, ... How did…
Trung0246
  • 689
  • 1
  • 10
  • 21
3
votes
1 answer

D3.js Scales with custom easing-like interpolation

I want to modify an array of numbers and output it to a new range using d3.scale but with custom interpolation function. The interpolation function should be one of the easing functions used in transitions, e.g. easeInOutQuad: easeInOutQuad =…
ALx
  • 611
  • 9
  • 24
3
votes
1 answer

Calculate GSAP eased tween duration given desired starting velocity

I have a sequence of two GSAP tweens. The second tween is dependent on the first. The first tween moves an element to the right using Power3.easeIn. When this first tween ends, I calculate the instantaneous velocity of the element so I know how fast…
Lange
  • 135
  • 7
3
votes
0 answers

ScrollMagic: combining ScrollMagic pins with "scroll easing"

I’m trying to combine ScrollMagic pins (and other coll features) with a plain JavaScript “scroll easing” like in this site: http://www.boy-coy.com/ ("Scroll easing" is achieved by placing all the content in a fixed container, and animating it’s…
Forepick
  • 919
  • 2
  • 11
  • 31
3
votes
1 answer

Is it possible to add duration and easing to window.scrollTo?

I'm using Bill Miller's Interactive Decision guide code. http://www.guiideas.com/2013/09/interactive-decision-guide.html To scroll new questions into view at the bottom of the page he uses window.scrollTo //scroll code to bring next question…
user3869177
  • 77
  • 1
  • 7
3
votes
1 answer

jQuery Set Default Global Easing and Queue

In this question set jquery default animation speed Someone answered how to set the default animation duration with $.fx.speeds._default = 400;, and I would really love to know how I'd be able to also set the default easing, and the default queue in…
Brian Leishman
  • 8,155
  • 11
  • 57
  • 93
3
votes
0 answers

Easing function in PowerPoint

I am looking for the particular easing function that besides standard parameters considers also: Accelerate: Percentage of the duration over which acceleration (in part of the animation) should take place. Decelerate: Percentage of the duration…
user3754010
  • 31
  • 1
3
votes
2 answers

jQuery easing functions with one parameter

Is there a way to convert jQuery-compatible easing functions so that they only need a single parameter? (e.g. to use them with something like skrollr). For example easeOutBack takes six parameters. The original function: easeOutBack: function (x, t,…
dahannes
  • 33
  • 4
3
votes
2 answers

jquery animate not working with easing other than linear

i have written jquery to animate one div and it works fine if i don't mention any easing effect, or if i mention 'linear' but i want 'easeInOutBack' easing effect here and can't understand what is going wrong. Hope someone tells me where i am…
tushar.dahiwale
  • 146
  • 2
  • 13
3
votes
3 answers

JQuery Dragging and Scrolling with Easing

Does anyone know of any script JQuery or other to Drag and Scroll with easing? I have found various scripts to scroll smoothly with easing, or drag smoothly with easing. But the scripts that scroll and drag all seem to not include easing. Here are…
youare
  • 156
  • 1
  • 2
  • 12
3
votes
3 answers

jQuery - CSS dropdown multilevel menu animation

I have standard multi-level menu like this one:
Wordpressor
  • 7,173
  • 23
  • 69
  • 108
2
votes
1 answer

Control jQuery Easing using keyboard

I have jquery's easing plugin up and running on a very simple website, can be seen here: http://harrisonfjord.com/folio/ The code I have for anchor links (which call the jquery function to slide the window over to whichever div is pressed) is:
JVG
  • 20,198
  • 47
  • 132
  • 210
2
votes
2 answers

What is the actual equation for Apple's UIViewAnimationCurveEaseInOut?

I'm trying to make something time up with the equation seamlessly, and while I see something similar to what I need; I need it to be more accurate. It would suffice to be able to call the actual easing equation UIKit uses. So, what is the actual…
michael
  • 2,332
  • 2
  • 21
  • 27
1 2 3
…
25 26