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

Zhe Lee pro asked 6 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 6 years ago


Hi,

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>
</div>

Best,

Marta


Jakub Strebeyko staff answered 6 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.

希望你成功学习CSS,
Kuba



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

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