ngx-parallax-stars
Version:
Angular library to create beautiful stars with parallax effect.
61 lines (57 loc) • 1.97 kB
TypeScript
import * as _angular_core from '@angular/core';
interface StarLayer {
/**
* Sets the color of the stars. All colors you can use in CSS should work e.g. white, #ffffff, rgb(255,255,255), hsl(0, 0%, 100%)
*/
color: string;
/**
* Specifies the size of every star in px
*/
size: number;
/**
* Specifies how many stars should be rendered per 100 by 100px area
*/
density: number;
/**
* Sets the moving speed of the stars
*/
speed: number;
/**
* Determines the moving direction. Possible values are: up, down, left, right
*/
direction: 'up' | 'down' | 'left' | 'right';
/**
* Sets the amount of blur for every star
*/
blur: number;
/**
* Sets the glow radius in px
*/
glow: number;
/**
* Set to true to make the stars round instead of square
*/
isRound: boolean;
}
/**
* Default star layers that are rendered when no layers are provided to the ngx-parallax-stars component
*/
declare const defaultStarLayers: StarLayer[];
declare class NgxParallaxStarsComponent {
#private;
/**
* Overrides default star layers
*/
layers: _angular_core.InputSignal<StarLayer[]>;
/**
* If responsive mode is enabled, the component will automatically be re-rendered when its size changes
*/
responsive: _angular_core.InputSignal<boolean>;
constructor();
private createAfterLayerElement;
private createLayerElement;
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxParallaxStarsComponent, never>;
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxParallaxStarsComponent, "ngx-parallax-stars", never, { "layers": { "alias": "layers"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}
export { NgxParallaxStarsComponent, defaultStarLayers };
export type { StarLayer };