Lottie Widget (Pro)
Cuprins:
arată
Widge-tul Lottie Widget (Pro) este un mic element animat redat dintr-un fișiere .json. Pur și simplu încărcați sau faceți referire la un fișier .json extern și ajustați după cum doriți.
Conţinut
Lottie
- Sursă: Selectați sursa fișierului Lottie, fie Fișier media, fie URL extern.
- Încărcați fișierul JSON: Dacă fișierul media este ales ca sursă, faceți clic aici pentru a încărca fișierul .json de pe computer.
- Adresă URL externă: Dacă URL extern este ales ca sursă, introduceți adresa URL aici.
- Aliniere: Aliniați widget-ul la stânga, la dreapta sau la centru.
- Subtitrare: Selectați legenda care va fi folosită, care a fost atribuită fișierului din Biblioteca media, alegând fie Niciunul, Titlu, Subtitrare sau Personalizat. Dacă este selectat Personalizat, puteți introduce propria subtritare aici.
- Link: Selectați URL personalizată dacă doriți să introduceți un link pentru element sau selectați Nici unul pentru niciun link.
Setări
- Declanșare: Alegeți ce va declanșa animația să înceapă, selectând din Viewport, On Click, On Hover, Defilare sau Niciunul.
- Viewport: Această opțiune este disponibilă numai dacă este selectat fie Viewport, fie Scroll ca declanșator. Selectați poziția în fereastra de vizualizare în care va apărea elementul și când va dispărea.
- Efecte legate de derulare: Această opțiune este disponibilă numai dacă derulare este selectată ca declanșator. Selectați dacă poziția de defilare este relativă fie la vizualizare, fie la întreaga pagină.
- Buclă: Alegeți Nu sau Da pentru a bucla în mod continuu animația
- Număr de ori: Această opțiune este disponibilă numai dacă este selectat Da pentru Buclă. Introduceți de câte ori doriți să aveți bucla de animație înainte de a vă opri.
- Viteza de redare (x): Creșteți sau micșorați viteza cu care se redă animația.
- Animație inversă: Selectați Da pentru a inversa animația.
- Punct de pornire: Selectați momentul în care va începe animația.
- Punct final: Selectați în ce moment se va termina animația.
- Renderer: Selectați fie SVG, fie Canvas pentru a reda grafica.
- Lazy Load: Selectați Da pentru a încărca lazy acest element sau Nu pentru a-l încărca imediat.
Stil
Lottie
- Lățimea: Setați lățimea elementului.
- Lățimea maximă: Setați lățimea maximă a elementului.
- Opacitate: Setați opacitatea pentru stările Normal și Hover.
- Filtre CSS:
- Setați filtre CSS: Estompare, luminozitate, contrast și saturație pentru stările Normal și Hover.
- Durata tranziției: Setați intervalul de timp înainte ca tranziția cu mouse-ul să intre în vigoare, în milisecunde.
Notă de securitate:
Vă rugăm să aveți grijă la încărcarea fișierelor Lottie JSON dintr-o sursă necunoscută. Fișierele JSON pot include conținut rău intenționat. Elementor inițiază acțiuni pentru a igieniza fișierele, dar există totuși unele riscuri implicate. Asigurați-vă că încărcați numai fișiere de încredere și nu permiteți opțiunea de a încărca fișiere nefiltrate decât dacă înțelegeți riscurile implicate.
Vă rugăm să aveți grijă la încărcarea fișierelor Lottie JSON dintr-o sursă necunoscută. Fișierele JSON pot include conținut rău intenționat. Elementor inițiază acțiuni pentru a igieniza fișierele, dar există totuși unele riscuri implicate. Asigurați-vă că încărcați numai fișiere de încredere și nu permiteți opțiunea de a încărca fișiere nefiltrate decât dacă înțelegeți riscurile implicate.
Pentru confortul dvs. urmăriți acest Tutorial și în format Video. Video creat de echipa de asistență Elementor.
Notă! Ați găsit util acest articol? Atunci veți aprecia sprijinul oferit de Elementor în realizarea acestui tutorial. Experimentați construcția unui site cu Elementor astăzi și obțineți un site web modern, pre-securizat, pre-optimizat. Alegeți licența care vi se potrivește astăzi, treceți la versiunea Pro.
