Названия эффектов?

1. transition

2. Необходимо подключить js

вот вам приближение при наведении

 <div id="wrapperFoto"><div id="foto"></div></div>
#wrapperFoto {
    position: relative;
    top: 500px;
    width: 700px;
    height: 450px;
}
#foto {
    position: absolute;
    width: 700px;
    height: 450px;
    background: url(foto/05.jpg);
    background-size: cover;
    transition: all .3s;
}
#wrapperFoto:hover #foto {
    left: calc(50% - 350px);
    margin-top: 20px;
    width: 700px;
    height: 450px;
    background: url(foto/05.jpg);
    background-size: cover;
    transition: all .3s;
    transform: scale(1.2);
}

реализовать можно по разному, можно добавит так, когда блок находиться на определенном месте, ему добавить class и уже в css прописывать, что да как он будет делать куриться вертеться или танцевать, а можно что бы без добавления class в самом js прописывать действия блока, но как говорят гуру и я с ними согласен, что можно сделать в css должно быть реализовано в css...

Вот ссылки на отличные готовые css анимации. Поищите там наверняка есть то что Вам нужно и даже больше.

https://daneden.github.io/animate.css/

http://ianlunn.github.io/Hover/