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
1
vote
2 answers

jQuery easing javascript position problem

I have posted a code on http://jsfiddle.net/GxpSQ/ with a working code. Click the box and it will shuffle. Based on hungred.com I based my code on this example http://hungred.com/wp-content/demo/jQuery-Shuffle-effect/demo.html The problem Compare my…
Jens Törnell
  • 23,180
  • 45
  • 124
  • 206
1
vote
3 answers

how to get the same jquery hover effect for this social icons?

How can I get the same jQuery hover effect (easing) like that in the Epione blogger template? I've tried so many ways to put it into my blog but I think I'm noob in jQuery Animation codes. I will be very grateful if you can help me in this. HTML…
Kariem Zaki
  • 11
  • 4
1
vote
0 answers

Custom easing in d3

I am trying to figure out how can I create custom ease for d3 animation. const width = 1536; const height = 720; const svgns = "http://www.w3.org/2000/svg"; const svg = d3.select("svg"); /*create base svg*/ svg.attr("xmlns",…
smpa01
  • 4,149
  • 2
  • 12
  • 23
1
vote
0 answers

Vanilla Javascript scrollTo with Easing?

I'm trying add easing animation to window.scrollTo function but no luck. It works linear. I want to use easeInOutExpo animation: var easeInOutExpo= function (time, duration, valueStart, valueChange) { if (time==0) return valueStart; if…
kront
  • 33
  • 1
  • 7
1
vote
1 answer

Changing DIV size, smoothing with jQuery Easing

I've been reading up on the Easing function on the jQuery website. My intended goal is to smooth out a Div adjustment which occurs when a form is submitted. JFiddle - http://jsfiddle.net/9qbfF/ Sandbox -…
Josh
  • 59
  • 1
  • 1
  • 8
1
vote
0 answers

Adobe Animate JSFL: Is it possible to get the ease used for a tween?

I am attempting to make a mini animation engine using a texture atlas exported from Animate, then using GSAP to perform the animations in my game. However, I find the frame by frame JSON that is exported from Animate to be too large and unwieldy.…
Clif
  • 98
  • 7
1
vote
1 answer

Expression Blend: Why do I not have options for Transitions and Easing?

I am using Expression Blend 4 with .Net 3.5 In the image below, there are options for Transition Effects and the ability to choose Easing effects for your transitions: My Blend interface does not have these on my WPF application: However, if I…
PhillipKregg
  • 9,358
  • 8
  • 49
  • 63
1
vote
1 answer

ES Adding an in and out ease value to AE Script

this is my first time asking a question rather than just randomly googling. And forgive me in advance i am greener than green when it comes to JS and ES. I am trying to reverse engineer this code i found on here:For loop in Adobe ExtendScript It…
David Bland
  • 11
  • 3
1
vote
1 answer

Using ScrollTo plug-in to scroll divs horizontally

What I'm trying to achieve is to make 4 divs scroll horizontally (from left to right) within a "window-space". I've included the easing plugin as well, and it works perfectly when you click the "TopLinks" link and the divs move up and down...…
user884542
1
vote
1 answer

Problem with jQuery easing / animate

this works: function prodLanding(){ $("#productsLanding").animate({opacity: 'toggle', width: 'toggle'}, function(){ $("#productsAll").show('slide', {direction: 'left'}, 800); }); } $("#prodLandSelect…
Yahreen
  • 285
  • 1
  • 6
  • 17
1
vote
1 answer

jQuery easing animation between show/hide

I have a form that uses show/hide to display various content. I'd like to use some sort of an easing method for the transition. Ideally, it would "grow" bigger if the new content being shown is bigger than the previous or something of the…
dzm
  • 22,844
  • 47
  • 146
  • 226
1
vote
1 answer

Full Web Page Easing with jquery

I've been trying to understand how to implement a full page ease... How do you call or tell the script the order of tags I want to ease into the page? Do I need to use a body load function? Many thanks. Erik
Erik
  • 5,701
  • 27
  • 70
  • 119
1
vote
0 answers

How to add weights to a animation keyframe

This is the easing formulae which i am using to get the values at given time. float SineEaseOut(float currentTime, float startValue, float ChangeInValue, float duration) { return (float)(ChangeInValue * std::sin((float)currentTime /…
Summit
  • 2,112
  • 2
  • 12
  • 36
1
vote
2 answers

This javascript runs slowly in Firefox, how can I make it run smoothly?

I've got a menubar that uses a bit of javascript for a nice effect. The hover effect runs smoothly in google chrome, safari and even internet explorer. I've tried removing the images, that doesn't seem to do it. I tried disable Here's the…
alt
  • 13,357
  • 19
  • 80
  • 120
1
vote
0 answers

jQuery easing - causing form to not tab?

We are using the following plugin: http://code.google.com/p/jquery-swip/source/browse/trunk/jquery.easing.1.3.js?r=4 When it is in our site, we cannot tab between input boxes within forms - if we take this script out, we can? We are using the latest…
Latox
  • 4,655
  • 15
  • 48
  • 74
1 2 3
…
25 26