halverscheid-img-fade-in v1.1.2

HalverscheidImgFadeIn

This library was generated with Angular CLI version 18.2.0.

Getting Started

Installation

Add the library to your project by running:

npm install halverscheid-img-fade-in

Usage

Basic Usage To use the halverscheid-logo-fade-in component in your Angular project, follow these steps:

Import the HalverscheidLogoFadeInModule into your app module:

import { HalverscheidImgFadeInModule } from 'halverscheid-logo-fade-in';

@NgModule({
declarations: [
AppComponent
],
imports: [
HalverscheidImgFadeInModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }

img: FadeInImg = {
  imgUrl: 'path/to/your/image.jpg',
  imgAlt: 'Alternative text',
    // Optional configuration
  startWidth: 0, // Default: 0
  endWidth: 600, // Default: 600
  animationDuration: 2000, // Default: 2000
};

Add the component to your template:

<halverscheid-img-fade-in [img]="<FadeInImg>"></halverscheid-img-fade-in>