35 lines
897 B
TypeScript
35 lines
897 B
TypeScript
import {NanoRenderer} from '../types/nano';
|
|
|
|
export interface KeyframesAddon {
|
|
/**
|
|
* @param frames Map of keyframes.
|
|
* @param block Optional semantic name.
|
|
*
|
|
* Returns a generated animation name.
|
|
*
|
|
* ```js
|
|
* const animationName = nano.keyframes({
|
|
* from: {
|
|
* left: '0%',
|
|
* },
|
|
* to: {
|
|
* left: '100%',
|
|
* },
|
|
* });
|
|
* ```
|
|
*
|
|
* You need to install [`keyframes()` addon]()https://github.com/streamich/nano-css/blob/master/docs/keyframes.md) to use this method.
|
|
*
|
|
* ```js
|
|
* import {create} from 'nano-css';
|
|
* import {addon as addonKeyframes} from 'nano-css/addon/keyframes';
|
|
*
|
|
* const nano = create();
|
|
* addonKeyframes(nano);
|
|
* ```
|
|
*/
|
|
keyframes: (frames: object, block?: string) => string;
|
|
}
|
|
|
|
export function addon(nano: NanoRenderer);
|