Topic: hover effect with input instead img

adi free asked 3 years ago


i got all the hover-effects running from https://mdbootstrap.com/docs/jquery/css/hover-effects/

but if i want to use an image as button with the same effect (zoom for example) i'd go:

<div class="view overlay zoom">
    <input type="image" name="submit" src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/6-col/img%20(131).jpg" class="img-fluid">
    <div class="mask flex-center">
        <p class="white-text">Zoom effect</p>
    </div>
</div>

but then the zoom is not working, only the Text effect is showing. Any suggestions?


Marta Wierzbicka staff answered 3 years ago


Hi,

please, put your code to the snippet here: https://mdbootstrap.com/snippets/ to let me see a live example. Also, you can provide a more detailed description of the problem. I'll try to help you with that.

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: General Bootstrap questions
  • MDB Version: -
  • Device: macbook
  • Browser: brave
  • OS: osx
  • Provided sample code: No
  • Provided link: Yes