igniteui-angular-sovn
Version:
Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps
60 lines (51 loc) • 1.24 kB
Markdown
# Rotate
Includes:
- rotateInCenter
- rotateInTop
- rotateInRight
- rotateInLeft
- rotateInBottom
- rotateInTr
- rotateInBr
- rotateInBl
- rotateInTl
- rotateInDiagonal1
- rotateInDiagonal2
- rotateInHor
- rotateInVer
- rotateOutCenter
- rotateOutTop
- rotateOutRight
- rotateOutLeft
- rotateOutBottom
- rotateOutTr
- rotateOutBr
- rotateOutBl
- rotateOutTl
- rotateOutDiagonal1
- rotateOutDiagonal2
- rotateOutHor
- rotateOutVer
Default Params:
```typescript
const params: IAnimationParams = {
delay: "0s",
duration: "600ms",
easing: EaseOut.quad,
endAngle: 0,
endOpacity: 1,
rotateX: 0,
rotateY: 0,
rotateZ: 1,
startAngle: -360,
startOpacity: 0,
xPos: "center",
yPos: "center",
};
```
## Sample Usage
If parameters are attached, they act as default values. When an animation is invoked via [`useAnimation`](https://angular.io/api/animations/useAnimation) then parameter values are allowed to be passed in directly. If any of the passed in parameter values are missing then the default values will be used.
```typescript
import { rotateInCenter } from "igniteui-angular-sovn/animations/main";
useAnimation(rotateInCenter);
```