Лучший Ответ Cheren-dow , 13 April 2016 - 16:17
roma_sanbl4, как минимум нужно 2 стиля для ховера
и
Ну и в обычном состоянии смотрите какие стили.
Перейти к сообщению
версту тизера прошу помочь подправить
Автор
roma_sanbl4
, Apr 13 2016 10:24
-
Тема закрыта
Сообщений в теме: 6
#1
Отправлено 13 April 2016 - 10:24
https://yadi.sk/i/ykdHH70Wqx9YD
вот как сделать такой эффект? ну как собственно в демке http://demo.jbzoo.com/sites/phones/
на тизер навести и он расползается в низ
Сообщение отредактировал roma_sanbl4: 13 April 2016 - 13:44
#2
Отправлено 13 April 2016 - 15:03
здравствуйте roma_sanbl4, откройте с помощью средств разработчика исходный код и сравните верстку тизера и стили которые применяются при наведении на материал. Сделайте аналог и перенесите стили другого варианта и готового решения у нас нет.
#3
Отправлено 13 April 2016 - 15:26
а можно хоть мне бестолковому на примере демо сайта выделить что за стили делают этот эффект? я уже с фир багом весь демо сайт излазил, но так и не догоняю что это за стиль)
#7
Отправлено 13 April 2016 - 19:07
Добавьте себе в тизер классы item-column, uk-panel uk-panel-box, jbzoo-item-phone (в вашем случае).
Див с классом item-column идёт как родитель, див с классами uk-panel uk-panel-box вложен в .item-column, див с классом jbzoo-item-phone вложен соответственно в див с классами uk-panel uk-panel-box.
Теперь просто скопируйте стили для этих всех классов + для эффекта наведения, и всё будет так как на демо с телефонами.
