https://github.com/benignware/jquery.fx-transition

Drop-in css-transitions for jQuery
https://github.com/benignware/jquery.fx-transition

Last synced: 11 months ago
JSON representation

Drop-in css-transitions for jQuery

• Host: GitHub
• URL: https://github.com/benignware/jquery.fx-transition
• Owner: benignware
• License: mit
• Created: 2015-04-12T14:43:28.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2015-06-16T13:07:03.000Z (about 11 years ago)
• Last Synced: 2025-07-10T09:59:43.103Z (12 months ago)
• Language: JavaScript
• Size: 164 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# jquery.fx-transition

> Drop-in css-transitions for jQuery

Usage

-----

Use jQuery's fx-methods (e.g. animate, fadeIn, etc.) as usual.

See [jQuery API-Documentation](http://api.jquery.com/animate/) for more information.

Options

-------

  

    OptionTypeDescription

  

  

    cssTransitions

    Boolean

    

      Specify whether to use css-transitions. Defaults to `true`.

    

  

  

    easing

    String

    

      Specify a timing-function that should apply to the transition. Either provide an identifier name or a set of cubic-bezier control-point values as css-function, e.g. `cubic-bezier(0.2, 0.1, 0.47, 1)` or an array, e.g. `[0.2, 0.1, 0.47, 1]`.

    

  

  

    specialDelay

    Object

    

      Specify delay on a per-prop-basis, e.g. {left: 2000}

    

  

  

    specialDuration

    Object

    

      Specify duration on a per-prop-basis, e.g. {left: 2000}

    

  

  

    specialEasing

    Object

    

      Specify easing on a per-prop-basis, e.g. {left: 'ease-in-out'}

    

  

Easings

-------

The following easing-types are supported:

* swing, linear, ease, easeIn, easeInQuad, easeInCubic, easeInQuart, easeInQuint, easeInSine, easeInExpo, easeInCirc, easeInBack, 

easeOut, easeOutQuad, easeOutCubic, easeOutQuart, easeOutQuint, easeOutSine, easeOutExpo, easeOutCirc, easeOutBack, 

easeInOut, easeInOutQuad, easeInOutCubic, easeInOutQuart, easeInOutQuint, easeInOutSine, easeInOutExpo, easeInOutCirc, easeInOutBack

For control-point-mappings, see [compass-ceaser-easing](https://github.com/jhardy/compass-ceaser-easing).

Add [bez](https://github.com/rdallasgray/bez) to your setup in order to provide fallback for cubic-bezier-easings.