Angular Module And Component To Help You Display Your App | ngx-hover-opacity

ngx hover opacity library aims to provide a simple way to visually “disable” an entire HTML element. Angular module and component to help you display a nice scrolling effect on some HTML parts of your app.

hover effects css stackblitz, hover in html, html hover text popup, on hover javascript, image hover css

A Collection of Buttons With Cool Hover Effects | btns.css

How to make use of it:


$ yarn add ngx-hover-opacity


$ npm install ngx-hover-opacity --save

1. From your Angular module:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';

// import the module
import { NgxHoverOpacityModule } from 'ngx-hover-opacity';

  declarations: [AppComponent],
  imports: [

    // specify it as an import
  providers: [],
  bootstrap: [AppComponent],
export class AppModule {}

2. Once your library is imported, you can use the ngx-hover-opacity component in your Angular app:

<ngx-hover-opacity [isHoverVisible]="true">
  <div>Your content that might get hidden</div>

Hover Effect On Element, ngx hover opacity Plugin/Github

See Demo And Download

Official Website(maxime1992): Click Here

This superior jQuery/javascript plugin is developed by maxime1992. For extra Advanced Usages, please go to the official website.

Related Posts


A Simple Searchable Select Dropdown Plugin | jQuery Select Search

Simple jQuery search on the selection options plugin for your website. Next, there is a checkbox replacement plugin that refines and beautifies the original selection element with…


A Quick jQuery-Based Country Picker With Flags | Country Select JS

Country Select JS is a jQuery plugin to select a country, based on the international phone input plugin. Adds a flag dropdown to any input, which lists…


Simple and Fast Autocomplete and Typeahead Javascript Library | autoComplete.js

autoComplete.js is a simple, pure, and incrementally designed JavaScript library for speed, high versatility, and seamless integration with a wide variety of projects and systems. Features Pure…


Bootstrap Notification Message Alert Plugin with jQuery

BootstrapMsg is a jQuery plugin for displaying messages with Bootstrap alert classes to generate hierarchical in-page navigation for an extended webpage sectioned by heading components. Using Bootstrap…


jQuery Plugin for Transforming HTML Tables Into Charts Using Google Charts

Chartinator is a jQuery plugin for converting HTML tables, Google Sheets and js arrays into charts using Google Charts. Use data from HTML tables Chartinator is designed…


Customizable & Composable Charts for VueJS | vue-wcharts

WCharts is a library that makes it easy to create your own charts using Vuejs. You can easily create reusable chart components. Use a basic layout or…