Чтоб добавить эффект на этот вид материала и другой, где есть изображение, то нужно просто добавить стиль в код и прописать в CSS эффекты, где еще по размеру окна выставить.
По этому материалу, где ставим эффект увеличение при наведение клик.
Находим в коде класс где img, что отвечает на изображение, и нужно к нему добавить эффект, они также под классом идут. В стилях смотрим, здесь видим grow отвечает, что остается добавить его.
Это идет по умолчанию:
Здесь навели курсор и изображение увеличелось. На скольео, здесь сами выставляете. Есть эффекты, что не нужно размер ставить, так как они просто меняют цветность, все найдете ниже, там ссылка идет на все эффекты и на это вид материал
Пример:
Изначально идет так:
Код
<div class="shot_load_img">
Добавляем класс grow, что как уже сказано отвечает за эффект и уже получиться.
Код
<div class="shot_load_img grow">
И сохранить.
Остается стили прописать.
CSS:
Код
.grow img {
height: 275px;
width: 388px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;}
.grow img:hover {
width: 451px;
height: 320px;
margin-left: -30px;
margin-top: -30px;}
И все, у вас появился красивый эффект, что можно здесь выбрать.
Вид материалов, что здесь показан.
Не забываем размеры выставлять, это чтоб по умолчанию было и при наведение эффект происходил.
PS - его можно ставить на сайте, где есть картинки.
