Topic: how to make the hover effect on the text?

Zhe Lee pro asked 5 years ago

I found that all the hover effect seems need a img to be the background, what should I do if I want a hover effect just on the text.

Marta Wierzbicka staff answered 5 years ago


Do you mean something like this? Please, look at this code below:

<div class="view overlay">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<div class="mask flex-center rgba-red-strong"></div>



Jakub Strebeyko staff answered 5 years ago


You can have the hover effect on whatever you like, be it text, image or any other HTML element, as long as you specify it in your CSS code with :hover pseudo class.


Please insert min. 20 characters.


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



Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No