Горизонтальный поворот страницы

Анимационный эффект, который разворачивает весь сайт для вывода меню сайта или любой другой информации.

Для реализации данного эффекта необходима следующая структура сайта:

HTML:
CSS:
Посмотреть пример

Демо страница отличается от представленного выше кода, т.к. ней добавлены стили сайта.

Смотрите также:

Добавить комментарий:

Ваш комментарий отправлен!

Комментарии:

  • Фаррух:

    Добрый день ! Прекрасный сайт с его "фишками" для оформления…
    Вот и я воспользовался вариантом Горизонт.поворота страницы.
    Но вот беда, и я бьюсь уже несколько дней ! По порядку…
    Создаю свои страницы с помощ.конструктора сайтов и решил вставить Горизонт.поворот к себе.
    Вроде, все получилось, с учетом ограничений конструктора. Но один момент — НИКАК !!!
    Мне нужно, чтобы выводимый (при наведении на боковую кнопку) текст моей информации
    при прокрутке страницы УХОДИЛ ВМЕСТЕ с видимым контентом страницы.
    А получается, то что Вы видите на картинке… Он заползает на заголовок ???
    Исправления вносил в следующий фрагмент кода — *Оформление появляющейся информации*:

    .curlmessage {
    			transition: all 0.5s ease-in-out;
    			width:415px; 
    			padding:25px;
    			margin:220px 0 0 190px;
    			position: absolute;
    			top:0;
    			left:-415px;
    			z-index:1000;
    			font-style: italic;
    			color: #FFF;
    			}

    Очень рассчитываю на Вашу помощь.

    Ответить
    • Фаррух:

      А вот картинки…

      Ответить
        • Alexander:

          Немного не понял, там прокрутки вообще то не должно.быть.
          Скиньте лучше ссылку на саму страницу, сюда или в ВК мне

          Ответить
          • Фаррух:

            Шлю, шлю… https://gtp_service.ulkansayt.uz/akciya

            Ответить
            • Alexander:

              Хм… даже незнаю что тут придумать
              Тут получается что это эффект блока, а не страницы
              Соотв. тут поставить кнопку открытия в него и текст выводимый подправить.

              Так нужно?

              Ответить
              • Фаррух:

                Ни какой кнопки… Сам эффект — совершенен. Вот бы в блок загнать текст ?!

      • Фаррух:

        Александр ! Необходим твой профессионализм ! Написал на почту — info@atuin.ru
        Спасибо.

        Ответить