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 animate number

I am trying to animate a number value, this scenario from actionscript 3: import caurina.transitions.*; var p1:Point = new Point(); var t:Number =1; var xv:int=500; var yv:int=300; Tweener.addTween(p1, {time: t, x: xv, y: yv, transition:…
Toniq
  • 4,492
  • 12
  • 50
  • 109
0
votes
0 answers

JS\Jquery - Use easing function on a variable

I have a CSS\JS based gauge with a dial that is animated with a jQuery.easing function. I want to have a numerical counter that raises with the dial. For this to happen, I'll need to apply the same easing function with the same time on a variable…
Miki
  • 419
  • 1
  • 4
  • 15
0
votes
1 answer

Is there a way to add easing to Scrollorama?

Is there a way to add easing to the following Scrollorama effect so it doesn't jerk up and down the screen? Thanks $().ready(function() { var scrollorama = $.scrollorama({ blocks:'#wrapper' }); …
Nsokyi
  • 394
  • 4
  • 21
0
votes
1 answer

jQuery Easing Plugin Not Easing?

I have no idea why this isnt working for me. Maybe one of the jQuery Guru's out there can help me make this work! From the script below you can see that i have a UL block named five that i would like to ease to there anchor(#web). When i click the…
TravisT6983
  • 53
  • 1
  • 4
  • 8
0
votes
1 answer

I can't figure out how to do easing in jQuery

This is what I've pieced together from the internet. The slideDown works but it still looks linear. Is my aproach completely wrong or am I just missing something subtle? And how do I get it working? $.easing.easeOutQuad = function (x, t, b, c, d)…
rtoner
  • 3
  • 1
0
votes
1 answer

Sudden failure of jQuery script - Unable to correct issue(s)

I have a site that needs to go live by Monday and has experienced sudden issues in main homepage components. Any help would be greatly appreciated! Yesterday, everything worked fine. I undid the changes from yesterday, but the issue did not correct…
Bobby
  • 1
0
votes
3 answers

Scroll with easing

I have spent a lot of time to finding a jquery code that ensures that I can scroll with an easing effect. I know that you can manipulate it with jQuery Mousewheel but i can't archieve the easing effect like: http://www.loisjeans.com/web2012/es I…
idbranding
  • 729
  • 3
  • 10
  • 15
0
votes
1 answer

Smoother Animate Up/Down effect on Pull Cord

I am trying to animate a pull cord so on click it animates the 'top' down and then when it reaches the bottom back up to the start position all in one go. I have created a fiddle for what I'm trying to achieve. http://jsfiddle.net/UUtXP/ However, I…
user1157393
0
votes
1 answer

How to completely remove the little ease effect on moodular (jquery slideshow)?

I guess all is in the title. Even without specifying an easing method, the sliding element slows down before finishing the sliding movement. I would like to remove that. Do you know how I could do that? moodular url :…
Gaston Flanchard
  • 519
  • 1
  • 5
  • 15
0
votes
4 answers

Easing rotation animation on scroll

I have an element that I am using jquery/css3 to rotate on scroll. The trouble is that it is kinda jumpy when you scroll, and it stops immediately when you stop. I would love for it to be more of a smooth playing rotation that starts when you start…
PollenBrands
  • 144
  • 3
  • 11
0
votes
2 answers

jQuery easing with CSS classes on an old menu

I am working with an older navigation system that uses jQuery + CSS to expand the vertical menu parents -> children. I want to work change it to use animate instead b/c I would like to add padding on roll over + adjust the speed. Here is the…
Chris Hough
  • 3,389
  • 3
  • 41
  • 80
0
votes
1 answer

trying to get padding and line-height to display properly in FF

I have a menu which uses jquery to toggle a submenu. Looks fine in chrome, EI and Safari. Firefox just isn't rendering the padding right. The site is www.caitmizzi.com/home i have a jsfiddle here http://jsfiddle.net/6GwjA/ - You have to check the…
Greg
  • 567
  • 2
  • 14
  • 31
-1
votes
1 answer

How to simplify the process of saving files in python

How to read and write files in python easier? By one line? What variants of function can be for: with open(file='file_name', mode='r', encoding='utf8') as f: F = f.read()
Konstantin Petrov
  • 49
  • 5
-1
votes
2 answers

JQuery Animate not working

For some reason I can' t seem to get .animate to function properly. Can anybody see why? I'm using this a container div... #valve-menu { position: absolute; width: 780px; top: 200px; background-color: #9C3; margin-right: 9px; …
Greg
  • 567
  • 2
  • 14
  • 31
-1
votes
1 answer

Creating svg paths with javascript(shape morphing)

So I have this class which is used for shape morphing: class ShapeOverlays { constructor(elm) { this.elm = elm; this.path = elm.querySelectorAll('path'); this.numPoints = 18; this.duration = 600; this.delayPointsArray = []; …
Ernestas Sumskas
  • 1
  • 2
1 2 3
…
25
26