Transformare CSS în Elementor

Notă! Unele linkuri de pe această pagină pot fi linkuri afiliate, ceea ce înseamnă că, dacă alegeți să efectuați o achiziție, pot câștiga un mic comision fără costuri suplimentare pentru dvs. Apreciez foarte mult sprijinul dvs.!

Transformare CSS

Transformați-vă design-urile cu Elementor CSS Transform Controls ( Transformare CSS ). Rotiți, decalați, scalați, înclinați și răsturnați cu ușurință elementele paginii. Aceste comenzi pot fi localizate în orice widget compatibil din fila Avansat > Setări Transformare.

Transformare CSS
Transformare CSS
Notă:
Transformare CSS funcționează numai cu widget-uri și nu cu secțiuni, coloane sau secțiuni interioare în acest moment.

Controale

Controalele pentru fiecare efect de transformare CSS pot fi setate atât pentru stările Normal, cât și pentru Hover. Când editați o stare de hover, puteți introduce o durată a efectului pentru a reduce fluctuația sau pentru imagini. Ele pot fi, de asemenea, setate pe punct de întrerupere în setările de răspuns, făcând clic pe pictograma dispozitivului situată pe eticheta fiecărui control.

Rotire

Puteți roti cu ușurință elementele paginii folosind glisoarele sau introducând valorile în câmp bazate pe grade. Comutați Rotirea 3D pentru a vă putea roti pe o anumită axă și a schimba perspectiva (px). Axa Rotire X și Y trebuie utilizată în combinație cu perspectiva pentru a atinge scopul dorit.

Rotație
Rotație

Offset – Decalaj

Decalați elementele orizontal pe axa X sau vertical pe axa Y. Valorile pot fi controlate prin glisor sau introducând valorile în câmpurile de text. Valorile pot fi măsurate în % sau PX.

Offset - Decalaj
Offset – Decalaj

Scară

Scalați elementele la dimensiunea perfectă în designul dvs. Valoarea poate fi controlată prin glisor sau introducerea valorilor în câmpul de text pe baza %. De asemenea, puteți alege să păstrați proporțiile intacte utilizând controlul comutator.

Scară
Scară

Skew – Oblic

Folosiți comenzile de înclinare pentru a oferi elementului dvs. un efect de înclinare. Puteți seta valorile Skew X și Y folosind glisorul sau introducând manual valorile câmpului bazate pe %.

Skew - Oblic
Skew – Oblic

Flip Orizontal

Utilizați controlul pictogramei Flip orizontal pentru a inversa elementul pe axa X.

Flip Orizontal
Flip Orizontal

Flip Verticală

Utilizați controlul pictogramei Flip Vertical pentru a inversa elementul pe axa Y.

Flip Verticală
Flip Verticală

Puncte de ancorare

Utilizați comenzile punctului de ancorare pentru a seta baza orizontală (X) și verticală (Y) pe care doriți să le definiți.

Punct de ancorare X

Alegeți între punctul de ancorare stânga, centru sau dreapta folosind pictogramele.

Punct de ancorare Y

Alegeți între punctul de ancorare de sus, centru sau de jos folosind pictogramele.

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.

Documentație adițională

S-ar putea să te intereseze și:

Despre Admin Staff

Comunitatea WordPress este un Blog strict Educativ pentru utilizatorii de WordPress. Nu este Agenție de WEB, Publicitate sau Marketing! Dacă sunteți firmă și aveți nevoie de sfaturi vă ajut cu plăcere, pentru contracte de colaborare, vă rog contactați agenții specializate, care vă pot oferi documentația fiscală necesară. Sunt pasionat de WordPress și tot ce se leagă de mediul online din 2011, scriu din pasiune și-mi place să ajut, doar prin prisma acestui fapt că-mi place să fac bine oamenilor care au aceeași pasiune. Blog-ul este monetizat prin link-uri de afiliere și Google Adsense, unde se plătesc taxe legale de către platformele respective. Dacă dorești să susții acest blog, sunt deschis pentru donații. Vă mulțumesc pentru înțelegere! George CRIȘAN , Administrator Comunitatea WordPress!

Lasă un comentariu