Whats this effect called?

[Acorn]

Thanks for that Acorn. I forgot I'd done that. However I want it zoom the opposite way. I think I've found a site that may help.

Egg, now I am confused.

My suggestion of changing the timing and scale was to give an Inner Zoom In:

<style>
.innerZoom {
background-size: 100%;
background-position: center center;
transition: all 2s ease-in-out;
}
.innerZoom:hover {
background-repeat: no-repeat;
background-size: 200%;
}
</style>

If you want a Zoomed presentation moving to full image, an Inner Zoom Out, just flip the background sizes:

<style>
.innerZoom {
background-size: 200%;
background-position: center center;
transition: all 2s ease-in-out;
}
.innerZoom:hover {
background-repeat: no-repeat;
background-size: 100%;
}
</style>

Acorn