Topic: Link hover effect
I try MDBootstrap Free before buy it and I have au problem: I know how to change the background color of columns, etc..., but how can I do to have link background hover effect?
I tried for example with:
<a href="#" class="col-12 py-3 pink">My link</a>
My link background is pink, but with no color change when the mouse cursor si hover it.
I saw the "Bootstrap hover effect" page but it seems very "complicated" juste to have a hover effect on a link, so I thought a simpler solution existed. Maybe not?
Maybe it's a ridiculous question but I can't find the solution after a good search.
Thanks!
.test {
transition: .4s;
}
.test:hover {
transition: .4s;
background-color: rgba(3, 169, 244, 0.7) ;
}
HTML:
<a href="#" class="col-12 py-3 test">My link</a>
Best,
Marta
Marta Szymanska staff pro premium commented 6 years ago
Hi, for sure we will add that possibility in a future version.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No