Вик Параллак ефекат

• Може 17, 2024

Једна лијепа анимација која се налази на Вик веб локацијама је ефект помицања паралакса. Није права анимација, али додаје илузију покрета, дубине и димензије вашој веб страници.

Овај ефекат је популаран већ неколико година и леп је начин да додате мало интересовања на веб страницу без додавања превелике анимације. Помицање паралелаксом креира се када кажете прегледачу да скролује позадинску слику споријом брзином од осталих елемената на страници. Као што бисте очекивали, ефекат померања одличан је за оне дуге веб странице са једном страницом.

Ова техника је креирана са ЈаваСцрипт, ЦСС и див елементима. Имајте на уму да већина мобилних уређаја има проблем са фиксним позадинским ЦСС-ом. Дакле, Вик искључује ефекат за мобилне уређаје.

Али, када креирате вашу Вик веб локацију, кодирање није укључено. Толико је једноставно као да одаберете Параллак опцију за позадинску слику или стрип. Такође се може додати видео снимку.

Без примењеног помицања паралаксом, позадинска слика веб странице ће се померати у складу са осталим елементима на страници док гледалац прелази по страници.

Међутим, када применимо ефекат померања Параллак-а на позадинску слику, позадинска слика се полако помера док гледалац прегледава страницу. Димензија се јавља док се други елементи на страници крећу брже од позадинске слике.

Трећа опција, опција замрзавања, за позадинску слику Опције помицања ефеката је закључавање позадинске слике на месту док се остали елементи странице померају нагоре или надоле.

Додајте Параллак на позадинску слику

1. Кликните на икону Позадина у менију са леве стране.
   
   
2. Додајте позадинску слику као и обично.
   
   
3. Кликните на дугме Подешавања да бисте отворили подешавања слике.
   
   
4. Изаберите једну од три опције за Сцролл Еффецтс.
   
   
   • Нема - позадина ће се кретати истом брзином као и остали елементи на страници.
     
     
   • Параллак - позадина ће се кретати спорије од осталих елемената на страници.
     
     
   • Замрзавање - позадина ће остати на свом месту, али остали елементи ће се кретати.
     
     

Додајте Параллак на Стрип слику или видео

1. Изаберите траку и из искачућег менија одаберите Цханге Стрип Бацкгроунд.
   
   
2. Додајте позадинску слику или видео као и обично.
   
   
3. Кликните дугме Подешавања да бисте отворили подешавања слике.
   
   
4. Затим изаберите Параллак из ефеката Сцролл Еффецтс.
   
   

Видео Упутства: CSS фичи #10 ➤ Параллакс эффект на CSS | Parallax Effect CSS without JS (Може 2024).