Gradient Hover

nathangrieve10 asked 5 years ago

What is the class name to do a gradient light mask?

I know how to do it with a solid colour.

But how do I do this for a gradient? I can see it be done on one of the premium templates. It says like 'RGBA-Gradient' - Though that doesn't seem to anything when I try it out. Unless there is something that must be done in CSS after that to complete it?


Marta Szymanska staff pro premium answered 5 years ago

Hi,

try this snippet: https://mdbootstrap.com/snippets/jquery/marta-szymanska/939330. We also add this to the documentation.

Best, Marta


Thanks Marta!

Also, If I was too want to use a gradient with my custom colours instead of default ones like that. How would I do that?


Marta Szymanska staff pro premium answered 5 years ago

Hi,

here is an example: https://mdbootstrap.com/snippets/jquery/marta-szymanska/978756?view=side#js-tab-view

You can create your class in CSS and add your colors and after that add this class to HTML code.

Best, Marta


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.8.5
  • Device: Desktop
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No
Tags