Создание сайта, лэндинг пейдж, интернет магазин(14)

Автор Andrei Golubev
Создание сайта, лэндинг пейдж, интернет магазин(14)

продолжим рассматривать эффект.

Параллакс и как его можно применить. Для текста. Ух ты много больно сделал.

Я даже сейчас не буду никаких настроек тут делаешь.

Да просто я вам покажу как можно придавать тексту эффект движения давайте я возьму нут изображение сейчас я тут заполнение и давайте наверное уток от центра я поставлю в принципе пойдёт нам просто я покажу как использовать такой эффект. Ну давайте я напишу. Параллакс эффекты так сразу поработаем с вами с текстом. Ну давайте я ему задам белый цвет выбора вот такой вот шрифт сделаем побольше просто размер нашего текст чтобы было видно. Можно конечно ещё больше в смысле я думаю так видно да так. Ну так вот у нас в детстве не по центру. Ну давайте ещё для примеры ещё один текст с вами напишем сразу тут я его говорю так тоже ставим его по центру и. Давайте ну к примеру такой жёлтенький его сделаем так берём тот же шрифт делаем. Такой же размер и немножко нам нужно растянуть. Вот этот текст варфрейм чтобы у нас он в одну строку получился. Ну так я думаю в принципе будет понятно. Так, что теперь нам нужно сделать чтобы применить эффект к тексту Effect 2 же мы выделяем вот примеру. Наш первый текст мы с вами вставили и переходим эффекты прокрутки ставим галочку и задаем здесь параметры то есть. Сначала мы полностью всё здесь убираем и ставим 0 и потом вот тут вот щелкаем в этой области чтобы у нас всё применилась да и давай к следующему тексту тоже применим те же самые действия ставим 0 и везде мы потом зайдём с вами просмотр в браузере посмотрим, что у нас получается как у нас будет выглядеть текст. Ну в принципе вот он у нас как мы его там поставили да ну сейчас он у нас стоит и теперь смотреть чтобы задать к примеру мы можем задать сейчас чтобы наш к примеру верхние текст может уходить там. Ну давайте его сделаем права задав вот сюда определенную скорость. Ну давайте поставим полтора. Ну так вот значение так, а для второго нашего текста мы зададим тоже надо. Ну уже к примеру в левую сторону и. Давайте посмотрим, что у нас получается уже непосредственно в браузере вот мы смотрим. Наш текст да. И когда вот берём мы прокрутку до допускать начинаем. Наш текст разъезжается то есть с помощью вот такого. Параллакс эффекта. Вы можете задавать абсолютно любые знать то есть у вас текст может появляться да. Ну тут всё уже зависит от того как. Вы будете применять вот эти настройки да возможно, но я давайте сейчас мы попробуем просто так. Я просто напишу текст. И посмотрим с вами. Так сейчас я его выделю сделаем белый шрифт чтобы нам было видно было далее зададим размер побольше и. Давайте Просто уж сделаем его тоже вот так по центру теперь возьмём вот этот вот в. Крыму немножечко ск-1 чтобы он не такой был объёмный так вот и выровняем его по центру вообще, что можно использовать в допустим с текстом смотреть мы. Вам можем вытащить к примеру вот сюда затем мы заходим эффект прокрутки сделаем тут всё у нас по нулям. То есть у вас чтобы зафиксировался в таком положении. Дай и. Дали, что мы можем сделать примеру мы можем задать ему движение влево и скажем так здесь поставить значение там два и. Давайте попробуем проверить, что у нас с этим получится. Ну да у нас не совсем ушёл за область надо было его наверное чуть-чуть подальше то есть нот такие эффекты. Вы можете делать то есть у нас просто получился сейчас то есть не так далеко так давайте я вот сейчас уменьшу примеру сделаю так 50% Add мы его перенесём вот сюда и здесь мы опять поставим значение 0 то есть ну мы его тем самым сделаем. Просто подальше за область сайта вынесем так и теперь давайте посмотрим, что получилось вот сейчас у нас его не видно да, а при прокрутке мы смотрим вот у нас будет появляться то есть опять же всё зависит насколько мы его переместить им и будет ли он у нас скрываться то есть вот экспериментирую вот таким образом вы можете задавать определенные движения там для ваших текстов. Да вот мы если его сюда вот сейчас передвигаем чуть-чуть так здесь проверяем у нас по нулям всё нормально. Да и так вот постепенно то есть не торопись как правило все эти вещи делаю то есть вы можете пробовать и смотреть, что происходит то есть вам нужно допустим сделать так чтобы ваш текст был там, но я не знаю ещё может возможно дальше. Да где-то то есть мы можем — это куча скрыть и его вот так вот отодвинуть вообще подальше тем самым он когда будет выезжать к примеру то будет доходить до определённой области до центра к примеру. Да вот сейчас мы опять здесь 0 выставляем всё чтобы у нас применился и посмотрим ещё раз. То есть вы просто делаете просмотр и регулируется так как вам — это нужно то есть вот такие в принципе — это встроенные возможности очень просто эффекты который вы сможете создавать. Ну об эффектах у нас будет очень много я вам буду показывать. Некоторые из виджетов которые. Вы получили в качестве бонуса. Да так, что наберитесь ещё терпение у нас ещё с вами очень много интересного будет впереди.

0 комментариев
0

Читайте также