how to make an image pop up more images when your mouse hovers over it on html/css/javascript

Question

I'm very new to web development and have only created basic websites using primarily just html with little css and no javascript as of yet. One thing that i am trying to create is images that when your mouse hovers over reveals more features to click on such as more images or texts etc... but i don't want those texts to cover the image itself. Could somebody help me understand what fundamental steps or code i would need to take to achieve such a feature on my website?

Answer 1

I didn't get it well, but if you want to make something happen when the mouse hover over the image then it's easy you can do whatever you want using CSS

For Example:
img:hover { /** :hover used to make changes on the style when the mouse hover on it **/
filter: brightness (70%);
}

Answer 2

Ah, thank you! I didn't know there was a hover feature in css