0 Пользователей и 1 Гость просматривают эту тему.
  • 2 Ответов
  • 770 Просмотров
*

rizaado

  • Осваиваюсь на форуме
  • 24
  • 0 / 0
Ребята, без вашей помощи необойтись. Если кто знает такой эффект. http://tympanus.net/Blueprints/OnScrollEffectLayout/
Установил себе на сайт http://akrilstone.com/vid-rabot
Заметно же, что на сайте этот эффект маленький. Самое главное, как увеличить эффект, как в демо? Небесплатно конечно
« Последнее редактирование: 25.10.2014, 13:58:01 от rizaado »
*

Очередной вебмастер

  • Давно я тут
  • 768
  • 55 / 0
  • лысый умный дядя
Ребята, без вашей помощи необойтись. Если кто знает такой эффект. http://tympanus.net/Blueprints/OnScrollEffectLayout/
Установил себе на сайт http://akrilstone.com/vid-rabot
Заметно же, что на сайте этот эффект маленький. Самое главное, как увеличить эффект, как в демо? Небесплатно конечно

а что именно не так?

CSS на примере:
Код
.cbp-so-side {
    float: left;
    margin: 0;
    min-height: 12em;
    overflow: hidden;
    padding: 3em 4%;
    transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
    width: 50%;
}

CSS на вашем сайте:
Код
.cbp-so-side {
    float: left;
    margin: 0;
    min-height: 12em;
    overflow: hidden;
    padding: 3em 4%;
    transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
    width: 50%;
}

То есть значения свойст фактически идентичны.

Вся разница лишь в том, что у вас исходный контейнер (<section class="cbp-so-section cbp-so-init cbp-so-animate">) заперт в .container шириной 1170px и анимация стартует от его внутренней границы.

А на http://tympanus.net/Blueprints/OnScrollEffectLayout/ анимация стартует от границ браузера (viewport).

То есть длина пути проходимая объектами анимации несколько отличается...
Сайты на Joomla, разработка и поддержка
----------
Помог ответ - жми плюс!
*

rizaado

  • Осваиваюсь на форуме
  • 24
  • 0 / 0
а что именно не так?

CSS на примере:
Код
.cbp-so-side {
    float: left;
    margin: 0;
    min-height: 12em;
    overflow: hidden;
    padding: 3em 4%;
    transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
    width: 50%;
}

CSS на вашем сайте:
Код
.cbp-so-side {
    float: left;
    margin: 0;
    min-height: 12em;
    overflow: hidden;
    padding: 3em 4%;
    transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
    width: 50%;
}

То есть значения свойст фактически идентичны.

Вся разница лишь в том, что у вас исходный контейнер (<section class="cbp-so-section cbp-so-init cbp-so-animate">) заперт в .container шириной 1170px и анимация стартует от его внутренней границы.

А на http://tympanus.net/Blueprints/OnScrollEffectLayout/ анимация стартует от границ браузера (viewport).

То есть длина пути проходимая объектами анимации несколько отличается...
Согласен. А что  можно прописать в HTML или как сделать, что бы контейнер с краёв начинался, но только в этой страничке. Тоесть если меняю внутреннию границу, меняеться везде на сайте
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не работает transition для определенных элементов

Автор Bozhkov2

Ответов: 5
Просмотров: 822
Последний ответ 12.10.2016, 17:07:41
от Bozhkov2
не появляется scroll на iphone

Автор iliya777

Ответов: 3
Просмотров: 589
Последний ответ 01.07.2016, 12:25:46
от iliya777
Как сделать такой заголовок модуля?

Автор Ilhom666

Ответов: 9
Просмотров: 1075
Последний ответ 22.03.2016, 11:55:33
от darkghost
Выставить относительно фона пункты меню ?

Автор warlocksp

Ответов: 6
Просмотров: 713
Последний ответ 01.02.2016, 10:58:26
от warlocksp
Вставка шрифта?

Автор warlocksp

Ответов: 16
Просмотров: 918
Последний ответ 18.01.2016, 19:04:11
от warlocksp