Cum setez efecte de animație pentru elemente

În programul pentru crearea site-urilor WebWave opțiunea Efect de animație permite setarea efectelor de animație pentru așa elemente ca: text, imagine și altele. În acest tutorial vei afla cum poți crea site-uri cu efecte de animație ale elementelor.

• Activarea efectelor de animație
• Setarea efectelor de animație
  • Tipul animației
  • Direcția
  • Parametri animației
  • Începutul efectului de animație
  • Funcția de uniformizare
  • Execută efectul doar o singură dată
  • Derulează efectul de animație

Activarea efectelor de animație

Pentru a activa efectul de animație la afișare, sau ascunderea elementului deschide secțiunea Efect de animație și activează tipul corespunzător de animație

Setarea efectelor de animație

După activarea efectului de animație, acesta poate fi setat, ajustat după necesitățile noastre.

Tipul animației

Cu un click pe opțiunile Tipul animației putem selecta unul din cele 5 tipuri de efecte:

• Zbor
• Apariție
• Mărire
• Lateral
• Ușă

Reținem - fiecare tip implică diferite caracteristici pe care le putem seta.

Direcția

Următoarea caracteristică pe care o putem seta este direcția derulării animației. Ceastă opțiune este accesibilă doar pentru efectele de animație:

• Zbor
• Lateral
• Ușă

Parametrii animației

Cu ajutorul parametrilor animației putem selecta durata și întârzierea efectului de animație

Începutul efectului de animație

Aici putem seta momentul în care animația trebuie să se înceapă. Avem 3 opțiuni:

• Partea de sus a elementului - când pe ecran apare partea de sus a elementului
• Partea de jos a elementului - când pe ecran apare partea de jos a elementului
• Un număr specific de pixeli a elementului, care apare la scrolarea paginii

Funcția de uniformizare

Este funcția care permite să setăm frecvența liniilor efectului de animație, adică viteza cu care elementul nostru este afișat. Avem la alegere 8 opțiuni ale funcției de uniformizare

Execută efectul doar o singură dată

Bifând această opțiune, putem seta ca efectul nostru să nu se repete la o scrolare repetată a subpaginii.

Derulează efectul de animație

Cu un click pe această opțiune, putem previzualiza, verifica cum arată efectul nostru de animație înainte de a publica site-ul.