Hover effect. how can i achieve this? see link

I really like the hover effect they are using here on the boxes below the hero section. Anyone know how I can do this?

https://www.quickenloans.com/

Looks like they used pseudo elements :before with hover effect.

.itemCardLink[_ngcontent-egu-c93]:hover:before {
transition: width .1s;
width: 100%;
}

That wouldn’t make it draw on, though. Either they did something very clever with CSS that I can’t see, or they used javascript.

Thank you both.

@peninah_adler How about having a line going down upon scroll from one section to the next. LIke a process section. How would I do that?

I’ve only truly done that with an animation library, but you could try googling that effect + CSS, people are doing very cool things with css!