Как прикрутить такое?

Главные вкладки

Лучший ответ

Аватар пользователя Mihail.space Mihail.space 29 октября 2016 в 18:46

картинку выводите в обертке, которую можно прописать во вьюсе через перезапись, обернув токен изображения в див.
потом диву в котором картинка дать свойство css overflow: hidden;
самой картинке img дать свойство к примеру width: 120%;
а по ховеру дать ширину нормальную width: 100%;
ну или указать значения в пикселях или относительных величинах.
таким образом увеличенная картинка будет уменьшаться и как бы отдаляться визуально при наведении.
остальное- это эксперименты отображения заголовокв и содержимого с абсолютным позиционированием и отрицательными отступами

Комментарии

Аватар пользователя ivnish ivnish 28 октября 2016 в 8:57

1) Добавляете в тему оформления необходимые стили CSS3, пример которых можно скачать по вашей же ссылке.
2) ...
3) PROFIT!

Аватар пользователя dgastudio dgastudio 28 октября 2016 в 7:10

1
расскажите расскажите, какие же библиотеки нужно подключать для создания такого эффекта? да еще в кастамном модуле...

ТС: по указанной ссылке есть архив, верстку в views, стили в тему

Аватар пользователя Mihail.space Mihail.space 29 октября 2016 в 18:46

картинку выводите в обертке, которую можно прописать во вьюсе через перезапись, обернув токен изображения в див.
потом диву в котором картинка дать свойство css overflow: hidden;
самой картинке img дать свойство к примеру width: 120%;
а по ховеру дать ширину нормальную width: 100%;
ну или указать значения в пикселях или относительных величинах.
таким образом увеличенная картинка будет уменьшаться и как бы отдаляться визуально при наведении.
остальное- это эксперименты отображения заголовокв и содержимого с абсолютным позиционированием и отрицательными отступами