Форум русской поддержки Joomla!® CMS
04.12.2016, 22:20:30 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Вопрос по анимации и позиционированию

 (Прочитано 189 раз)
0 Пользователей и 1 Гость смотрят эту тему.
metalmorph
Новичок
*

Репутация: +0/-0
Offline Offline

Сообщений: 1


« : 21.05.2016, 16:31:45 »

Т.З. - Имеется страница. на которой три вертикальных блока во всю высоту страницы, два крайних блока расположены таким образом, что половина ширины скрыта за границами браузера, при наведении на левый блок - он должен выезжать полностью, а остальная часть страницы сдвигаться, так что средний блок окажется справа, а правый полностью уйдет за правую границу экрана. Реализовано следующим образом и прекрасно работает:

#left {
    left: -350px;
    width: 700px;

#center {
    left: 350px;
    width: 1220px;

#right {
    left: 1550px;
    width: 700px;

#left:hover + #center {
    left: 700px;
    transition: 1s;
}

#left:hover + #center + #right {
    left: 1920px;
    transition: 1s;
}

Но как сделать так, чтобы при наведении на правый блок, средний и левый отъезжали таким же образом в другую сторону, разобраться не могу. Подобный синтаксис подразумевает то, что при наведении на первый блок изменяются последующие, а как анимировать предыдущие блоки? Шаманил как только приходило в голову - не работает. Возможно ли с помощью CSS добиться такого результата? Если нет - то возникает другой вопрос, как его решить тоже не нашёл нигде:

Как нужно задать позиционирование блоков, чтобы при движении левого или правого, остальные блоки смещались вместе с ним?

P.S. Все свойства не несущие информацию по этой конкретной задаче я не копировал. Надеюсь на помощь.
« Последнее редактирование: 21.05.2016, 16:34:54 от metalmorph » Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet