Всем привет,
мне стало очень интересно, а можно ли реализовать подобное
themes.mediacreed.com/html/synergy/#portfolio.html на чистом CSS без js?
1. Меню и контент должны конкурировать за ширину, т.е. при появлении меню контент должен уменьшаться.
"Конкурентную резиновость" (не знаю как еще назвать) мне удалось реализовать на table-cell, однако если в меню появляется контент то он начинает "торчать" сбоку экрана.
codepen.io/cvtk/pen/pjyxvO
2. При преодолении определенного минимального значения ширины контейнера (не окна, иначе это все решалось бы легко и просто с помощью @media), картинка в контенте должна "выдавливаться" на следующую строку, поиграйте с разными размерами экрана и выдвижным меню в сайте-примере чтобы понять о чем я.
Бонусный третий пункт: hover-менюшка, которая бегает по картинкам реально ли ее также реализовать без js? Насколько понимаю, она реагирует на то с какой стороны пришел курсор.
Средний
Простой