gsap
Version:
GSAP is a robust JavaScript toolset that turns developers into animation superheroes. Build high-performance animations that work in **every** major browser. Animate CSS, SVG, canvas, React, Vue, WebGL, colors, strings, motion paths, generic objects...any
590 lines (570 loc) • 16.9 kB
TypeScript
declare namespace gsap {
// GSAP specific
interface CSSProperties {
[key: string]: any;
alpha: TweenValue;
autoAlpha: TweenValue;
rotate: TweenValue;
rotateX: TweenValue;
rotateY: TweenValue;
rotateZ: TweenValue;
rotation: TweenValue;
rotationX: TweenValue;
rotationY: TweenValue;
rotationZ: TweenValue;
scale: TweenValue;
scaleX: TweenValue;
scaleY: TweenValue;
skew: TweenValue;
skewX: TweenValue;
skewY: TweenValue;
smoothOrigin: BooleanValue;
svgOrigin: TweenValue;
translateX: TweenValue;
translateY: TweenValue;
translateZ: TweenValue;
x: TweenValue;
xPercent: TweenValue;
y: TweenValue;
yPercent: TweenValue;
z: TweenValue;
}
interface CSSProperties {
alignContent: TweenValue;
alignItems: TweenValue;
alignSelf: TweenValue;
alignmentBaseline: TweenValue;
animation: TweenValue;
animationDelay: TweenValue;
animationDirection: TweenValue;
animationDuration: TweenValue;
animationFillMode: TweenValue;
animationIterationCount: TweenValue;
animationName: TweenValue;
animationPlayState: TweenValue;
animationTimingFunction: TweenValue;
backfaceVisibility: TweenValue;
background: TweenValue;
backgroundAttachment: TweenValue;
backgroundClip: TweenValue;
backgroundColor: TweenValue;
backgroundImage: TweenValue;
backgroundOrigin: TweenValue;
backgroundPosition: TweenValue;
backgroundPositionX: TweenValue;
backgroundPositionY: TweenValue;
backgroundRepeat: TweenValue;
backgroundSize: TweenValue;
baselineShift: TweenValue;
border: TweenValue;
borderBottom: TweenValue;
borderBottomColor: TweenValue;
borderBottomLeftRadius: TweenValue;
borderBottomRightRadius: TweenValue;
borderBottomStyle: TweenValue;
borderBottomWidth: TweenValue;
borderCollapse: TweenValue;
borderColor: TweenValue;
borderImage: TweenValue;
borderImageOutset: TweenValue;
borderImageRepeat: TweenValue;
borderImageSlice: TweenValue;
borderImageSource: TweenValue;
borderImageWidth: TweenValue;
borderLeft: TweenValue;
borderLeftColor: TweenValue;
borderLeftStyle: TweenValue;
borderLeftWidth: TweenValue;
borderRadius: TweenValue;
borderRight: TweenValue;
borderRightColor: TweenValue;
borderRightStyle: TweenValue;
borderRightWidth: TweenValue;
borderSpacing: TweenValue;
borderStyle: TweenValue;
borderTop: TweenValue;
borderTopColor: TweenValue;
borderTopLeftRadius: TweenValue;
borderTopRightRadius: TweenValue;
borderTopStyle: TweenValue;
borderTopWidth: TweenValue;
borderWidth: TweenValue;
bottom: TweenValue;
boxShadow: TweenValue;
boxSizing: TweenValue;
breakAfter: TweenValue;
breakBefore: TweenValue;
breakInside: TweenValue;
captionSide: TweenValue;
caretColor: TweenValue;
clear: TweenValue;
clip: TweenValue;
clipPath: TweenValue;
clipRule: TweenValue;
color: TweenValue;
colorInterpolationFilters: TweenValue;
columnCount: TweenValue;
columnFill: TweenValue;
columnGap: TweenValue;
columnRule: TweenValue;
columnRuleColor: TweenValue;
columnRuleStyle: TweenValue;
columnRuleWidth: TweenValue;
columnSpan: TweenValue;
columnWidth: TweenValue;
columns: TweenValue;
content: TweenValue;
counterIncrement: TweenValue;
counterReset: TweenValue;
cssFloat: TweenValue;
cssText: TweenValue;
cursor: TweenValue;
direction: TweenValue;
display: TweenValue;
dominantBaseline: TweenValue;
emptyCells: TweenValue;
enableBackground: TweenValue;
fill: TweenValue;
fillOpacity: TweenValue;
fillRule: TweenValue;
filter: TweenValue;
flex: TweenValue;
flexBasis: TweenValue;
flexDirection: TweenValue;
flexFlow: TweenValue;
flexGrow: TweenValue;
flexShrink: TweenValue;
flexWrap: TweenValue;
floodColor: TweenValue;
floodOpacity: TweenValue;
font: TweenValue;
fontFamily: TweenValue;
fontFeatureSettings: TweenValue;
fontKerning: TweenValue;
fontSize: TweenValue;
fontSizeAdjust: TweenValue;
fontStretch: TweenValue;
fontStyle: TweenValue;
fontSynthesis: TweenValue;
fontVariant: TweenValue;
fontVariantCaps: TweenValue;
fontVariantEastAsian: TweenValue;
fontVariantLigatures: TweenValue;
fontVariantNumeric: TweenValue;
fontVariantPosition: TweenValue;
fontWeight: TweenValue;
gap: TweenValue;
glyphOrientationHorizontal: TweenValue;
glyphOrientationVertical: TweenValue;
grid: TweenValue;
gridArea: TweenValue;
gridAutoColumns: TweenValue;
gridAutoFlow: TweenValue;
gridAutoRows: TweenValue;
gridColumn: TweenValue;
gridColumnEnd: TweenValue;
gridColumnGap: TweenValue;
gridColumnStart: TweenValue;
gridGap: TweenValue;
gridRow: TweenValue;
gridRowEnd: TweenValue;
gridRowGap: TweenValue;
gridRowStart: TweenValue;
gridTemplate: TweenValue;
gridTemplateAreas: TweenValue;
gridTemplateColumns: TweenValue;
gridTemplateRows: TweenValue;
height: TweenValue;
hyphens: TweenValue;
imageOrientation: TweenValue;
imageRendering: TweenValue;
imeMode: TweenValue;
justifyContent: TweenValue;
justifyItems: TweenValue;
justifySelf: TweenValue;
kerning: TweenValue;
layoutGrid: TweenValue;
layoutGridChar: TweenValue;
layoutGridLine: TweenValue;
layoutGridMode: TweenValue;
layoutGridType: TweenValue;
left: TweenValue;
letterSpacing: TweenValue;
lightingColor: TweenValue;
lineBreak: TweenValue;
lineHeight: TweenValue;
listStyle: TweenValue;
listStyleImage: TweenValue;
listStylePosition: TweenValue;
listStyleType: TweenValue;
margin: TweenValue;
marginBottom: TweenValue;
marginLeft: TweenValue;
marginRight: TweenValue;
marginTop: TweenValue;
marker: TweenValue;
markerEnd: TweenValue;
markerMid: TweenValue;
markerStart: TweenValue;
mask: TweenValue;
maskComposite: TweenValue;
maskImage: TweenValue;
maskPosition: TweenValue;
maskRepeat: TweenValue;
maskSize: TweenValue;
maskType: TweenValue;
maxHeight: TweenValue;
maxWidth: TweenValue;
minHeight: TweenValue;
minWidth: TweenValue;
msContentZoomChaining: TweenValue;
msContentZoomLimit: TweenValue;
msContentZoomLimitMax: any;
msContentZoomLimitMin: any;
msContentZoomSnap: TweenValue;
msContentZoomSnapPoints: TweenValue;
msContentZoomSnapType: TweenValue;
msContentZooming: TweenValue;
msFlowFrom: TweenValue;
msFlowInto: TweenValue;
msFontFeatureSettings: TweenValue;
msGridColumn: any;
msGridColumnAlign: TweenValue;
msGridColumnSpan: any;
msGridColumns: TweenValue;
msGridRow: any;
msGridRowAlign: TweenValue;
msGridRowSpan: any;
msGridRows: TweenValue;
msHighContrastAdjust: TweenValue;
msHyphenateLimitChars: TweenValue;
msHyphenateLimitLines: any;
msHyphenateLimitZone: any;
msHyphens: TweenValue;
msImeAlign: TweenValue;
msOverflowStyle: TweenValue;
msScrollChaining: TweenValue;
msScrollLimit: TweenValue;
msScrollLimitXMax: any;
msScrollLimitXMin: any;
msScrollLimitYMax: any;
msScrollLimitYMin: any;
msScrollRails: TweenValue;
msScrollSnapPointsX: TweenValue;
msScrollSnapPointsY: TweenValue;
msScrollSnapType: TweenValue;
msScrollSnapX: TweenValue;
msScrollSnapY: TweenValue;
msScrollTranslation: TweenValue;
msTextCombineHorizontal: TweenValue;
msTextSizeAdjust: any;
msTouchAction: TweenValue;
msTouchSelect: TweenValue;
msUserSelect: TweenValue;
msWrapFlow: TweenValue;
msWrapMargin: any;
msWrapThrough: TweenValue;
objectFit: TweenValue;
objectPosition: TweenValue;
opacity: TweenValue;
order: TweenValue;
orphans: TweenValue;
outline: TweenValue;
outlineColor: TweenValue;
outlineOffset: TweenValue;
outlineStyle: TweenValue;
outlineWidth: TweenValue;
overflow: TweenValue;
overflowAnchor: TweenValue;
overflowWrap: TweenValue;
overflowX: TweenValue;
overflowY: TweenValue;
padding: TweenValue;
paddingBottom: TweenValue;
paddingLeft: TweenValue;
paddingRight: TweenValue;
paddingTop: TweenValue;
pageBreakAfter: TweenValue;
pageBreakBefore: TweenValue;
pageBreakInside: TweenValue;
penAction: TweenValue;
perspective: TweenValue;
perspectiveOrigin: TweenValue;
placeContent: TweenValue;
placeItems: TweenValue;
placeSelf: TweenValue;
pointerEvents: TweenValue;
position: TweenValue;
quotes: TweenValue;
resize: TweenValue;
right: TweenValue;
rotate: TweenValue;
rowGap: TweenValue;
rubyAlign: TweenValue;
rubyOverhang: TweenValue;
rubyPosition: TweenValue;
scale: TweenValue;
scrollBehavior: TweenValue;
stopColor: TweenValue;
stopOpacity: TweenValue;
stroke: TweenValue;
strokeDasharray: TweenValue;
strokeDashoffset: TweenValue;
strokeLinecap: TweenValue;
strokeLinejoin: TweenValue;
strokeMiterlimit: TweenValue;
strokeOpacity: TweenValue;
strokeWidth: TweenValue;
tabSize: TweenValue;
tableLayout: TweenValue;
textAlign: TweenValue;
textAlignLast: TweenValue;
textAnchor: TweenValue;
textCombineUpright: TweenValue;
textDecoration: TweenValue;
textDecorationColor: TweenValue;
textDecorationLine: TweenValue;
textDecorationStyle: TweenValue;
textEmphasis: TweenValue;
textEmphasisColor: TweenValue;
textEmphasisPosition: TweenValue;
textEmphasisStyle: TweenValue;
textIndent: TweenValue;
textJustify: TweenValue;
textKashida: TweenValue;
textKashidaSpace: TweenValue;
textOrientation: TweenValue;
textOverflow: TweenValue;
textShadow: TweenValue;
textTransform: TweenValue;
textUnderlinePosition: TweenValue;
top: TweenValue;
touchAction: TweenValue;
transform: TweenValue;
transformBox: TweenValue;
transformOrigin: TweenValue;
transformStyle: TweenValue;
transition: TweenValue;
transitionDelay: TweenValue;
transitionDuration: TweenValue;
transitionProperty: TweenValue;
transitionTimingFunction: TweenValue;
translate: TweenValue;
unicodeBidi: TweenValue;
userSelect: TweenValue;
verticalAlign: TweenValue;
visibility: TweenValue;
/** @deprecated */
webkitAlignContent: TweenValue;
/** @deprecated */
webkitAlignItems: TweenValue;
/** @deprecated */
webkitAlignSelf: TweenValue;
/** @deprecated */
webkitAnimation: TweenValue;
/** @deprecated */
webkitAnimationDelay: TweenValue;
/** @deprecated */
webkitAnimationDirection: TweenValue;
/** @deprecated */
webkitAnimationDuration: TweenValue;
/** @deprecated */
webkitAnimationFillMode: TweenValue;
/** @deprecated */
webkitAnimationIterationCount: TweenValue;
/** @deprecated */
webkitAnimationName: TweenValue;
/** @deprecated */
webkitAnimationPlayState: TweenValue;
/** @deprecated */
webkitAnimationTimingFunction: TweenValue;
/** @deprecated */
webkitAppearance: TweenValue;
/** @deprecated */
webkitBackfaceVisibility: TweenValue;
/** @deprecated */
webkitBackgroundClip: TweenValue;
/** @deprecated */
webkitBackgroundOrigin: TweenValue;
/** @deprecated */
webkitBackgroundSize: TweenValue;
/** @deprecated */
webkitBorderBottomLeftRadius: TweenValue;
/** @deprecated */
webkitBorderBottomRightRadius: TweenValue;
webkitBorderImage: TweenValue;
/** @deprecated */
webkitBorderRadius: TweenValue;
/** @deprecated */
webkitBorderTopLeftRadius: TweenValue;
/** @deprecated */
webkitBorderTopRightRadius: TweenValue;
/** @deprecated */
webkitBoxAlign: TweenValue;
webkitBoxDirection: TweenValue;
/** @deprecated */
webkitBoxFlex: TweenValue;
/** @deprecated */
webkitBoxOrdinalGroup: TweenValue;
webkitBoxOrient: TweenValue;
/** @deprecated */
webkitBoxPack: TweenValue;
/** @deprecated */
webkitBoxShadow: TweenValue;
/** @deprecated */
webkitBoxSizing: TweenValue;
webkitColumnBreakAfter: TweenValue;
webkitColumnBreakBefore: TweenValue;
webkitColumnBreakInside: TweenValue;
webkitColumnCount: any;
webkitColumnGap: any;
webkitColumnRule: TweenValue;
webkitColumnRuleColor: any;
webkitColumnRuleStyle: TweenValue;
webkitColumnRuleWidth: any;
webkitColumnSpan: TweenValue;
webkitColumnWidth: any;
webkitColumns: TweenValue;
/** @deprecated */
webkitFilter: TweenValue;
/** @deprecated */
webkitFlex: TweenValue;
/** @deprecated */
webkitFlexBasis: TweenValue;
/** @deprecated */
webkitFlexDirection: TweenValue;
/** @deprecated */
webkitFlexFlow: TweenValue;
/** @deprecated */
webkitFlexGrow: TweenValue;
/** @deprecated */
webkitFlexShrink: TweenValue;
/** @deprecated */
webkitFlexWrap: TweenValue;
/** @deprecated */
webkitJustifyContent: TweenValue;
webkitLineClamp: TweenValue;
/** @deprecated */
webkitMask: TweenValue;
/** @deprecated */
webkitMaskBoxImage: TweenValue;
/** @deprecated */
webkitMaskBoxImageOutset: TweenValue;
/** @deprecated */
webkitMaskBoxImageRepeat: TweenValue;
/** @deprecated */
webkitMaskBoxImageSlice: TweenValue;
/** @deprecated */
webkitMaskBoxImageSource: TweenValue;
/** @deprecated */
webkitMaskBoxImageWidth: TweenValue;
/** @deprecated */
webkitMaskClip: TweenValue;
/** @deprecated */
webkitMaskComposite: TweenValue;
/** @deprecated */
webkitMaskImage: TweenValue;
/** @deprecated */
webkitMaskOrigin: TweenValue;
/** @deprecated */
webkitMaskPosition: TweenValue;
/** @deprecated */
webkitMaskRepeat: TweenValue;
/** @deprecated */
webkitMaskSize: TweenValue;
/** @deprecated */
webkitOrder: TweenValue;
/** @deprecated */
webkitPerspective: TweenValue;
/** @deprecated */
webkitPerspectiveOrigin: TweenValue;
webkitTapHighlightColor: TweenValue;
/** @deprecated */
webkitTextFillColor: TweenValue;
/** @deprecated */
webkitTextSizeAdjust: TweenValue;
/** @deprecated */
webkitTextStroke: TweenValue;
/** @deprecated */
webkitTextStrokeColor: TweenValue;
/** @deprecated */
webkitTextStrokeWidth: TweenValue;
/** @deprecated */
webkitTransform: TweenValue;
/** @deprecated */
webkitTransformOrigin: TweenValue;
/** @deprecated */
webkitTransformStyle: TweenValue;
/** @deprecated */
webkitTransition: TweenValue;
/** @deprecated */
webkitTransitionDelay: TweenValue;
/** @deprecated */
webkitTransitionDuration: TweenValue;
/** @deprecated */
webkitTransitionProperty: TweenValue;
/** @deprecated */
webkitTransitionTimingFunction: TweenValue;
webkitUserModify: TweenValue;
webkitUserSelect: TweenValue;
webkitWritingMode: TweenValue;
whiteSpace: TweenValue;
widows: TweenValue;
width: TweenValue;
willChange: TweenValue;
wordBreak: TweenValue;
wordSpacing: TweenValue;
wordWrap: TweenValue;
writingMode: TweenValue;
zIndex: TweenValue;
zoom: TweenValue;
}
interface CSSVars extends Partial<CSSProperties> { }
interface TweenVars extends CSSVars {
css?: CSSVars;
}
// TODO: Add types
interface GSCache {
[key: string]: any;
}
}
declare namespace gsap.plugins {
interface CSSPlugin extends Plugin {}
interface CSSPluginClass extends CSSPlugin {
new(): PluginScope & CSSPlugin;
prototype: PluginScope & CSSPlugin;
}
const css: CSSPluginClass;
}
interface Element {
_gsap: gsap.GSCache;
}
declare const CSSPlugin: gsap.plugins.CSSPlugin;
declare module "gsap/CSSPlugin" {
export const CSSPlugin: gsap.plugins.CSSPlugin;
export { CSSPlugin as default };
}
declare module "gsap/src/CSSPlugin" {
export * from "gsap/CSSPlugin";
export { CSSPlugin as default } from "gsap/CSSPlugin";
}
declare module "gsap" {
export * from "gsap/CSSPlugin";
}
declare module "gsap/all" {
export * from "gsap/CSSPlugin";
}
declare module "gsap-trial/CSSPlugin" {
export * from "gsap/CSSPlugin";
export { CSSPlugin as default } from "gsap/CSSPlugin";
}
declare module "gsap-trial/src/CSSPlugin" {
export * from "gsap/CSSPlugin";
export { CSSPlugin as default } from "gsap/CSSPlugin";
}
declare module "gsap-trial" {
export * from "gsap/CSSPlugin";
}
declare module "gsap-trial/all" {
export * from "gsap/CSSPlugin";
}