Ефект паралексу Wix

• Може 19, 2024

Однією приємною анімацією, знайденою на веб-сайтах Wix, є ефект прокрутки паралакса. Це не справжня анімація, але вона додає ілюзії руху, глибини та розмірності на вашу веб-сторінку.

Цей ефект користується популярністю вже кілька років і є приємним способом додати трохи інтересу до веб-сайту, не додаючи непосильної анімації. Прокрутка Паралала створюється, коли ви скажете браузеру прокручувати фонове зображення меншою швидкістю, ніж інші елементи на сторінці. Як і слід було очікувати, ефект прокрутки чудово підходить для тих довгих веб-сторінок, що мають одну сторінку.

Ця методика створена за допомогою JavaScript, CSS та елементів div. Зауважте, що більшість мобільних пристроїв мають проблеми з фіксованим фоновим CSS. Отже, Wix вимикає ефект для мобільних пристроїв.

Але при створенні веб-сайту Wix кодування не бере участь. Це так само просто, як вибрати параметр Parallax для фонового зображення або смугового зображення. Його також можна додати до стрічкового відео.

Без застосованого прокручування паралакса фонове зображення для веб-сторінки переміститься в унісон з іншими елементами на сторінці, коли глядач прокручує сторінку.

Однак, коли ми застосовуємо ефект прокрутки Parallax до фонового зображення, фонове зображення прокручується повільно, коли глядач прокручує сторінку. Параметр виникає, коли інші елементи на сторінці прокручуються швидше, ніж фонове зображення.

Третій варіант - опція «Заморожувати» для фонового зображення Параметри прокручування ефектів - це блокувати фонове зображення на місці, оскільки решта елементів сторінки прокручуються вгору або вниз.

Додайте Parallax до фонового зображення

1. Клацніть піктограму Фон у меню зліва.
   
   
2. Додайте фонове зображення як завжди.
   
   
3. Натисніть кнопку Налаштування, щоб відкрити Параметри зображення.
   
   
4. Виберіть один із трьох варіантів для ефектів прокрутки.
   
   
   • Ні - фон буде рухатися з тією ж швидкістю, що й інші елементи сторінки.
     
     
   • Parallax - фон буде рухатися повільніше, ніж інші елементи на сторінці.
     
     
   • Заморожування - фон залишиться на місці, але інші елементи прокручуються.
     
     

Додайте Parallax до смугового зображення чи відео

1. Виберіть смужку та у спливаючому меню виберіть Змінити фон смуги.
   
   
2. Додайте фонове зображення або відео як завжди.
   
   
3. Натисніть кнопку Налаштування, щоб відкрити Параметри зображення.
   
   
4. Далі виберіть Parallax з ефектів прокрутки.
   
   

Відео Інструкція: sony vegas как сделать ефект взрыв,тумана кров, в 3 клика (Може 2024).