import type { RuleFn } from "./api.js";
export type Keyframe = Record<string, any>;
/**
 * Rule function for `@keyframes`. If a single declaration object is given, it's
 * keys are used as keyframe stops and their values as their declarations
 * objects. This way any number of stops can be specified.
 *
 * @example
 * ```ts tangle:../export/at-keyframes.ts
 * import { at_keyframes, css } from "@thi.ng/hiccup-css";
 *
 * console.log(
 *   css(at_keyframes("fadein", {0: {opacity: 0}, 100: {opacity: 1}}))
 * );
 * // @keyframes fadein {
 * //     0% {
 * //         opacity: 0;
 * //     }
 * //     100% {
 * //         opacity: 1;
 * //     }
 * // }
 * ```
 *
 * If called with two or more objects, the each object provides the declarations
 * for equally spaced keyframes, e.g. if given 3 objects, their respective times
 * will be at 0%, 50%, 100%.
 *
 * @example
 * ```ts tangle:../export/at-keyframes-2.ts
 * import { at_keyframes, css } from "@thi.ng/hiccup-css";
 *
 * console.log(
 *   css(at_keyframes("fadein", { opacity: 0 }, { opacity: 0.33 }, { opacity: 1 }))
 * );
 * // @keyframes fadein {
 * //     0% {
 * //         opacity: 0;
 * //     }
 * //     50% {
 * //         opacity: 0.33;
 * //     }
 * //     100% {
 * //         opacity: 1;
 * //     }
 * // }
 * ```
 *
 * @param id -
 * @param stops -
 */
export declare function at_keyframes(id: string, stops: Keyframe): RuleFn;
export declare function at_keyframes(id: string, from: Keyframe, to: Keyframe): RuleFn;
//# sourceMappingURL=keyframes.d.ts.map