Cart card-img-top Colored Overlay without hover


Topic: Cart card-img-top Colored Overlay without hover

Khalid Saud asked 4 years ago

Greetings,

I couldn't find a way in the documentation to make my card image with a colored overlay without hover, can you assist please ?

    <a asp-area="Customer" asp-controller="Products" asp-action="Details" asp-route-id="@Model.Id">
        <img class="card-img-top" src="@ProductImagePath" alt="Card image cap" style="max-height: 250px; min-height: 250px;">
        <div class="mask flex-center waves-effect waves-light rgba-black-light">
            <p class="white-text">Show Details</p>
        </div>
    </a>

Thanks


Grzegorz Bujański staff commented 4 years ago

Hi. I'm sorry but we don't have a ready example.


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Open

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