Cum se Creează un Antet Transparent Lipicios
Cuprins:
arată
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
- Accesați Șabloane > Creator de teme > Antet și editați șablonul de antet.
- Faceți click dreapta pe mânerul secțiunii antetului pentru a edita secțiunea.
- În panou, accesați Avansat > Efecte de mișcare.
Avansat
Efecte de mișcare
- Sticky: Faceți clic pe Sus pentru a alege să lipiți antetul în partea de sus. Alte opțiuni includ Jos sau Niciunul.
- Sticky On: Alegeți pe ce dispozitive să lipiți antetul, inclusiv desktop, tabletă și mobil.
- Offset: Împinge elementul lipicios în sus sau în jos cu pixeli.
- 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.
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; }
Notă:
Acest CSS va intra în vigoare atunci când utilizatorul a derulat numărul de pixeli specificat în opțiunile Offset.
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.
