javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 03:32:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

css case cubic bezier names

Browse Source
This commit is contained in:
Adam Bradley
2015-05-29 21:32:44 -05:00
parent 5c47982360
commit eeca9d12f4
3 changed files with 32 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
ionic/animations/animation.js
View File

@ -466,50 +466,52 @@ const ANIMATE_PROPERTIES = TRANSFORMS.concat('opacity');
// http://robertpenner.com/easing/
const CUBIC_BEZIERS = {
ease: '0.25, 0.1, 0.25, 1.0',
easeIn: '0.42, 0, 1.0, 1.0',
easeOut: '0, 0, 0.58, 1.0',
easeInOut: '0.42, 0, 0.58, 1.0',
// default browser suppored easing
// ease
// ease-in
// ease-out
// ease-in-out
// Cubic
easeInCubic: '0.55,0.055,0.675,0.19',
easeOutCubic: '0.215,0.61,0.355,1',
easeInOutCubic: '0.645,0.045,0.355,1',
'ease-in-cubic': '0.55,0.055,0.675,0.19',
'ease-out-cubic': '0.215,0.61,0.355,1',
'ease-in-Out-cubic': '0.645,0.045,0.355,1',
// Circ
easeInCirc: '0.6,0.04,0.98,0.335',
easeOutCirc: '0.075,0.82,0.165,1',
easeInOutCirc: '0.785,0.135,0.15,0.86',
'ease-in-circ': '0.6,0.04,0.98,0.335',
'ease-out-circ': '0.075,0.82,0.165,1',
'ease-in-out-circ': '0.785,0.135,0.15,0.86',
// Expo
easeInExpo: '0.95,0.05,0.795,0.035',
easeOutExpo: '0.19,1,0.22,1',
easeInOutExpo: '1,0,0,1',
'ease-in-expo': '0.95,0.05,0.795,0.035',
'ease-out-expo': '0.19,1,0.22,1',
'ease-in-out-expo': '1,0,0,1',
// Quad
easeInQuad: '0.55,0.085,0.68,0.53',
easeOutQuad: '0.25,0.46,0.45,0.94',
easeInOutQuad: '0.455,0.03,0.515,0.955',
'ease-in-quad': '0.55,0.085,0.68,0.53',
'ease-out-quad': '0.25,0.46,0.45,0.94',
'ease-in-out-quad': '0.455,0.03,0.515,0.955',
// Quart
easeInQuart: '0.895,0.03,0.685,0.22',
easeOutQuart: '0.165,0.84,0.44,1',
easeInOutQuart: '0.77,0,0.175,1',
'ease-in-quart': '0.895,0.03,0.685,0.22',
'ease-out-quart': '0.165,0.84,0.44,1',
'ease-in-out-quart': '0.77,0,0.175,1',
// Quint
easeInQuint: '0.755,0.05,0.855,0.06',
easeOutQuint: '0.23,1,0.32,1',
easeInOutQuint: '0.86,0,0.07,1',
'ease-in-quint': '0.755,0.05,0.855,0.06',
'ease-out-quint': '0.23,1,0.32,1',
'ease-in-out-quint': '0.86,0,0.07,1',
// Sine
easeInSine: '0.47,0,0.745,0.715',
easeOutSine: '0.39,0.575,0.565,1',
easeInOutSine : '0.445,0.05,0.55,0.95',
'ease-in-sine': '0.47,0,0.745,0.715',
'ease-out-sine': '0.39,0.575,0.565,1',
'ease-in-out-sine': '0.445,0.05,0.55,0.95',
// Back
easeInBack: '0.6,-0.28,0.735,0.045',
easeOutBack: '0.175, 0.885,0.32,1.275',
easeInOutBack: '0.68,-0.55,0.265,1.55',
'ease-in-back': '0.6,-0.28,0.735,0.045',
'ease-out-back': '0.175, 0.885,0.32,1.275',
'ease-in-out-back': '0.68,-0.55,0.265,1.55',
};

2
ionic/animations/builtins.js
View File

@ -19,7 +19,7 @@ class SlideOut extends Animation {
constructor(element) {
super(element);
this
.easing('easeInOut')
.easing('ease-out')
.duration(250)
.from('translateY', '0%')
.to('translateY', '100%');

9
ionic/ionic.js
View File

@ -1,13 +1,4 @@
// Object.defineProperties(ViewContainerRef.prototype, {
// domElement: {
// get: function() {
// return this._defaultProtoView.render.delegate.element;
// }
// }
// });
export * from 'ionic/components'
export * from 'ionic/directives'
export * from 'ionic/platform/platform'