Как сделать активные элементы в слайдере?

Question

[Илья Ватрушка]

Увидел на сайте rdforyou.com слайдер с активными картинками. При наведении на картинку изображение увеличивается, как так сделать? И еще, как сделать анимацию блока со скайпом и почтой на этом сайте?



Интересно как сделать увеличение для элементов при наведении

Answer 1

[Slasherr]

Отдельным блоком на бекграунд поставить картинку, задать ей размеры и при в ховере задай transform scale.

Answer 2

[Евгений Карпов]

<div class="hover01 column">
	<div>
		<figure><img src="img" /></figure>
	</div>
</div>

figure {
    background: #fff none repeat scroll 0 0;
    height: 200px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 300px;
}
.hover01 figure img {
    transform: scale(1);
    transition: all 0.3s ease-in-out 0s;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}