6 replies to this topic

[roma_sanbl4]

https://yadi.sk/i/ykdHH70Wqx9YD

 

вот как сделать такой эффект?   ну как собственно в демке http://demo.jbzoo.com/sites/phones/

 

на тизер навести и он расползается в низ

Edited by roma_sanbl4, 13 April 2016 - 13:44.

[Cheren-dow]

здравствуйте roma_sanbl4, откройте с помощью средств разработчика исходный код и сравните верстку тизера и стили которые применяются при наведении на материал. Сделайте аналог и перенесите стили другого варианта и готового решения у нас нет.

[roma_sanbl4]

а можно хоть мне бестолковому на примере демо сайта выделить что за стили делают этот эффект? я уже с фир багом весь демо  сайт излазил, но так и не догоняю что это за стиль)

[roma_sanbl4]

https://yadi.sk/i/iMr7C8KYqxhPd

 

случаем не тут оно?

[Cheren-dow]

roma_sanbl4, как минимум нужно 2 стиля для ховера

и

Ну и в обычном состоянии смотрите какие стили.

[roma_sanbl4]

благодарю!  буду познавать)

[zeus07]

Добавьте себе в тизер классы 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.

 

Теперь просто скопируйте стили для этих всех классов + для эффекта наведения, и всё будет так как на демо с телефонами.