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

JQuery Easing plugin

I would like to use JQuery easing to navigate to a named section in my page, and so far it works. In one of the sections, I have a form which I would like to have centered vertically and horizontally, so I placed it in a sub-div, and…
Soch S.
  • 653
  • 6
  • 23
0
votes
1 answer

Issue with Sliding Up/Down a Hidden Div using .toggle()

Can you please take a look at this JSFIDDLE sample which I am trying to create a smooth animate of hidden div from down to up on mouse hover. As you can see the div appears from left down corner but I would like to animate it from bottom to top. I…
user1760110
  • 2,256
  • 5
  • 29
  • 37
0
votes
1 answer

JscrollPane scroll easing?

I've been looking into scroll easing in jquery, however I cannot seem to get this to work. Edit: I cannot get the easing properties to work. The scrolling is still static when scrolling with the mousewheel. $('.scroll-pane').jScrollPane({ …
pufAmuf
  • 7,415
  • 14
  • 62
  • 95
0
votes
2 answers

jQuery Moonwalk Easing

I'm trying to implement an easing that is similar to this: I'm trying to make a HTML5 animation that is 'moonwalking' and I've noticed how the moonwalk has periods of increased velocity and periods of slowed down velocity. I've attempted to make…
Moe
  • 4,744
  • 7
  • 28
  • 37
0
votes
1 answer

converting integer values to sub-decimal values for function

I have a function that eases values with ranges of 0 to 1. The real world values are 0 to 230 and 230 to 0 how do I call the function with the proper "subdecimal converted" value and convert the output back into an integer? Time is also handled…
alphablender
  • 2,168
  • 5
  • 27
  • 42
0
votes
3 answers

Get curved result set rather than angular in JavaScript (maths help needed)

I've got a script that creates a gradient by shading cells based on their distance from a set of coordinates. What I want to do is make the gradient circular rather than the diamond shape that it currently is. You can see an en example here:…
frontendbeast
  • 1,043
  • 4
  • 13
  • 28
0
votes
1 answer

Adding easing to the following jQuery animation?

I'm animating the height of element: // Animate height of items $j(".item .row").toggle(function(){ $j(this).animate({height:500},200); },function(){ $j(this).animate({height:300},200); }); I was wondering how to add easing to it?…
alexchenco
  • 53,565
  • 76
  • 241
  • 413
0
votes
1 answer

TweenLite AS3: ease:Linear.easeNone doesn't work

In the function below I try to throw random items (generated by the function generateItem() ) on the stage and let them move from outside the right side of the stage to just out of the left side. This works fine but the only problem is that…
svdotbe
  • 168
  • 1
  • 3
  • 16
0
votes
1 answer

Slideshow based on jQuery cycle plugin not adjusting to the screen width correctly

I added the jQuery cycle slideshow to my site. My slideshow works as it should but the width is a huge issue. The width doesn't adapt to the screen, it just takes the width of the image (maximum) and shows it. My big monitor shows everything…
Claudio Delgado
  • 2,239
  • 7
  • 20
  • 27
0
votes
2 answers

Easing wont work?

I'm trying to get this to ease when it moves, but it doesn't seem to work.. $('#aboutlnk').hover(function(){ $('#navul').animate({ left: '753px', width:'75px' }, { duration: 300, easing:'easeOut' }); }); Also, how do I…
Matt
  • 5,005
  • 10
  • 32
  • 39
0
votes
1 answer

How to add easing to this? "Cooler" scrolling. Jquery ScrollTo

This code is for navigating down/up a page. It's all working properly, I would just like it to have some more ease. Some animation that looks a little better. Any ideas??