Hover an object to make another object apear

Basically i got several boxes with the city picture as a background image , on the bottom corner of the box i got a small black text with a white background mentioning the name of the city , now how i code CSS in way that when hovering over the box will triggers the text and its background to go from width 0% to width 100% , animated of course (no javascript)

Hey there,

it would be awesome to see your project on codepen.

1 Like

Sounds like a home assignment :slight_smile:, but here’s my attempt anyway:

1 Like

I will share it with you as soon as im done