Cum se Creează un Antet Transparent Lipicios

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.!

Cum se Creează un Antet Transparent Lipicios

Creați un efect de Antet Transparent Lipicios, folosind clasa CSS a Elementor.

Veți învăța cum să:

  • Faci un Antetul Transparent Lipicios
  • Utilizați CSS pentru a crea o tranziție de animație
  • Schimbați înălțimea minimă la derulare
  1. Accesați Șabloane > Creator de teme > Antet și editați șablonul de antet.
  2. Faceți click dreapta pe mânerul secțiunii antetului pentru a edita secțiunea.
  3. În panou, accesați Avansat > Efecte de mișcare.
Efecte de mișcare
Efecte de mișcare

Avansat

Efecte de mișcare

  1. Sticky: Faceți clic pe Sus pentru a alege să lipiți antetul în partea de sus. Alte opțiuni includ Jos sau Niciunul.
  2. Sticky On: Alegeți pe ce dispozitive să lipiți antetul, inclusiv desktop, tabletă și mobil.
  3. Offset: Împinge elementul lipicios în sus sau în jos cu pixeli.
  4. Efecte Offset: Setați numărul de pixeli derulați înainte ca efectele antetului să aibă loc.
Notă:
Opțiunile Efecte de compensare funcționează numai atunci când este aplicat CSS personalizat.

CSS Personalizat

Adăugați aici propriul dvs. CSS personalizat. Mai jos este un exemplu de CSS care modifică culoarea de fundal, transparența și înălțimea antetului, cu un efect de animație ușor.

selector.elementor-sticky--effects{ background-color: rgba(133,130,255,0.5) !important }

 selector{ transition: background-color 2s ease !important; }

 selector.elementor-sticky--effects >.elementor-container{ min-height: 80px; }

 selector > .elementor-container{ transition: min-height 1s ease !important; }
CSS Personalizat
CSS Personalizat
Antet Transparent Lipicios
Antet Transparent Lipicios
Notă:
Acest CSS va intra în vigoare atunci când utilizatorul a derulat numărul de pixeli specificat în opțiunile Offset.

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.

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