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
2
votes
1 answer

Maths and Easing For Javascript/Canvas Preload Animation

I'm building an image preload animation, that is a circle/pie that gets drawn. Each 'slice' is totalImages / imagesLoaded. So if there are four images and 2 have loaded, it should draw to 180 over time. I'm using requestAnimFrame, which is working…
stuntboots
  • 71
  • 8
2
votes
1 answer

Trigger an event after all of the animations from current function completed

I've been trying to get a function to trigger only after all of the element's .animate() functions have been completed including the delay and easing. I've tried a few different methods with no luck, any ideas? $("#inner_work").on("mouseenter",…
user1943442
  • 198
  • 4
  • 17
2
votes
2 answers

jquery animations happen randomly

I have a kind of splash screen, where you press one of the logo's and it animates the logo to the center, then loads the content for it. Then when you press the main top logo, it hides the content and goes back to the splash screen. However I am…
Dan Spiteri
  • 373
  • 1
  • 4
  • 20
2
votes
2 answers

How to add easing effect on jquery .css function?

How do you add the Jquery easing effects to your jquery script when using .CSS functions? For example in this other line i made it work, but i can't make it work with .CSS i am using the jquery easing library $("#map").animate({height:300},1000,…
Fruxelot
  • 551
  • 2
  • 8
  • 23
2
votes
1 answer

jQuery animation not fluid

as stated, I have a problem with the fluidity of my page and I think jquery is in some way involved. I created the following one-page-site. http://cgeese.de/tests/Test02/ I use jQuery with the js plugins localscroll scrollto (both by Ariel…
Christian Geese
  • 495
  • 6
  • 15
1
vote
1 answer

Use jQuery easing plugin with a scrolling function

I looked for this but i found how to use it with ScrollTo. This one is different. I need to get the jQuery Easing Plugin working with this function: function ira(id){ $('html,body').animate({scrollTop: $("#"+id).offset().top}, 700); } There's…
Ariel
  • 109
  • 1
  • 3
  • 7
1
vote
2 answers

jQueryUI Progressbar won't ease

When I apply the following code it sets the correct bar value but doesnt do any easing? $("#myBar").progressbar({ value: 25, speed: 1500, easing: 'easeOutBounce'}); What am I missing, any help appreciated! Thanks Solution: I kinda worked it out…
kritop
  • 607
  • 1
  • 12
  • 25
1
vote
0 answers

How to add easing effect to "mousemove" gallery thumbnails

Before I try to explain it all, please view here what I am talking about. This is the thumbnail view of a gallery. On mouseenter it starts moving but without any smooth easing effect. I think that makes it look very "nervous". Please view…
markimark
  • 237
  • 1
  • 4
  • 15
1
vote
3 answers

Jquery animate single div

I am using multiple instances of div class .item_wrap, which changes height when the image class .item is hovered over. At the moment, the following script animates all instances of the div class on mouse hover. Is there a way to have only the…
Jess
  • 487
  • 2
  • 12
  • 26
1
vote
2 answers

Animating frame Images with ease effect on iPad

Let me show you example (360 Deg 3D Object Rotator): Demo: http://activeden.net/item/interactive-renders-360-deg-3d-object-rotator/39718?ref=mixDesign As you see, there is a camera 3D rotating on mouse event. Actually, it is a collection of images…
Almas Adilbek
  • 4,371
  • 10
  • 58
  • 97
1
vote
1 answer

jquery slide in and out on mouse over with easing effect

I am looking for a jquery script to implement the ease in and out effect with hide/show div that is implemented on this site. Here is my script on mouseover(): $("#box0").mouseover(function () { $("#lSection2").fadeIn(100); …
Eno Bassey
  • 57
  • 1
  • 3
  • 11
1
vote
1 answer

jQuery Custom Easing Plugin with .animate

I'm using a jQuery plugin for custom Easing (jQuery Easing v1.3 -http://gsgd.co.uk/sandbox/jquery/easing/) to add custom easing to my jQuery Tools scrollable instances like so: $(".historyScrollable").scrollable({…
Keefer
  • 2,269
  • 7
  • 33
  • 50
1
vote
1 answer

Can't figure out how to properly use easing function

I really need help to figure out on how to use these easing functions I found on this helpful website: https://spicyyoghurt.com/tools/easing-functions I know what the values that the function needs means, I created a function in one of my classes…
aka_lux
  • 23
  • 5
1
vote
1 answer

How to Make the vis-timeline pan-x smooth and eased?

i'm using the vis-timeline library. In the documentations there is no property for easing the touch pan-x when navigating the timeline, resulting in a stiff and rigid navigation. I tried this: timeline.on('rangechange', function(properties) { var…
sintj
  • 804
  • 2
  • 11
  • 23
1
vote
1 answer

jQuery Animate Easing on specific property

I want to animate 4 properties: top, width, opacity and height Now i have them all set to default easing and duration of 500. I want to set the opacity easing to easeInQuad using an easing plugin. If i set the animate easing then all the properties…
Ozzy
  • 10,285
  • 26
  • 94
  • 138
1 2 3
…
25 26