Как прикрутить на сайт такую анимацию для блока похожие материалы сделанном на вьюс?
Как прикрутить такое?
Главные вкладки
Лучший ответ
картинку выводите в обертке, которую можно прописать во вьюсе через перезапись, обернув токен изображения в див.
потом диву в котором картинка дать свойство css overflow: hidden;
самой картинке img дать свойство к примеру width: 120%;
а по ховеру дать ширину нормальную width: 100%;
ну или указать значения в пикселях или относительных величинах.
таким образом увеличенная картинка будет уменьшаться и как бы отдаляться визуально при наведении.
остальное- это эксперименты отображения заголовокв и содержимого с абсолютным позиционированием и отрицательными отступами
Комментарии
1) Добавляете в тему оформления необходимые стили CSS3, пример которых можно скачать по вашей же ссылке.
2) ...
3) PROFIT!
расскажите расскажите, какие же библиотеки нужно подключать для создания такого эффекта? да еще в кастамном модуле...
ТС: по указанной ссылке есть архив, верстку в views, стили в тему
del
Изучить
css3
js
php
html5
Drupal
картинку выводите в обертке, которую можно прописать во вьюсе через перезапись, обернув токен изображения в див.
потом диву в котором картинка дать свойство css overflow: hidden;
самой картинке img дать свойство к примеру width: 120%;
а по ховеру дать ширину нормальную width: 100%;
ну или указать значения в пикселях или относительных величинах.
таким образом увеличенная картинка будет уменьшаться и как бы отдаляться визуально при наведении.
остальное- это эксперименты отображения заголовокв и содержимого с абсолютным позиционированием и отрицательными отступами