Vill du lägga till en punkteffekt i en kolumn i Elementor?

Elementor är perfekt för skapa en webbplats, där tonvikten ligger på design. I Elementor kan du lägga till animationseffekter för att göra din webbplats mer interaktiv.

En av animationseffekterna som du kan lägga till på en Elementor-driven sida är en punkteffekt. Du kan lägga till en punkteffekt i ett avsnitt, kolumn eller widget.

Den här artikeln visar hur du lägger till en poäng i en kolumn i Elementor. Förresten, om du är ny på Elementor kan du hänvisa till vår tidigare artikel för att ta reda på det hur man installerar Elementor.

Hur man lägger till punkteffekt i en kolumn i Elementor

I Elementor är kolumn ett obligatoriskt element. Det är här du kan lägga till widgets - de faktiska designelementen för att skapa din sida. Som med andra typer av element i Elementor kan du också anpassa en kolumn för att göra den elegant.

Du kan lägga till enfärgad bakgrund, bildbakgrund, skugga för att sväva. Elementors inbyggda svävareffekt låter dig använda en annan bakgrund, en annan kant och en annan skugga när du pekar.

För att börja lägga till en punkteffekt i en kolumn i Elementor, klicka först på handtaget på den kolumn du vill lägga till punkteffekten på för att växla till kolumninställningspanelen.

lägg till en punkteffekt i en kolumn i Elementor

Gå till inställningspanelen (panelen på vänster sida), gå till fliken Stil och öppna blocket Bakgrund. I det senare kan du öppna fliken AU ÖVERSIKT för att ställa in en annan bakgrund för pekande tillstånd.

Du kan använda en heltäckande bakgrund, en tonad bakgrundsfärg eller en bildbakgrund. Du kan också ställa in övergångstiden (övergången från normaltillstånd till pekande tillstånd) i alternativet Övergångslängd.

För att ställa in en annan kant och en annan rutskugga i pekande tillstånd kan du öppna blocket Gräns. Klicka på fliken ÖVERSIKT  för det blocket och ställ in kantstil, kantstorlek, kantfärg, kantradie och områdesskugga för pekande tillstånd.

Lägga till en avancerad svävareffekt i en kolumn i Elementor

Till skillnad från Divi BuilderElementor använder inte CSS-transformationen för sin svävareffekt. Därför kan du bara lägga till grundläggande svävareffekter. Men som Elementor (proversionen) dig låter dig lägga till anpassad CSS, kan du använda anpassad CSS för att lägga till CSS-transformation för att lägga till avancerad svävareffekt.

Övergångseffekter skapas med CSS-omvandlingen. För att lägga till en CSS-transformation i en kolumn, gå först till på fliken Avancerat och öppna blocket Anpassad CSS (se till att inställningspanelen är i kolumninställningsläge). Lägg till följande CSS-kod.

lägg till en punkteffekt i en kolumn i Elementor

Koden :

väljare: sväva {övergång: alla .2s lätthet-in-ut; transform: skala (1.1); markör: punkt; z-index: 1; }

I själva CSS-transformationen finns det 5 transformationsstilar som du kan använda:

  • Matris
  • översätta
  • Skala
  • Rotera
  • skew

CSS-koden ovan använder skaltransformationen. Du kan bara byta ut den med vilken transformform du vill.

Läs denna sida för att lära dig mer om CSS-transformation.

Andra ytterligare premium WordPress-plugins 

Upptäck också andra Wordpress plugins premium som optimerar prestandan för din WordPress-blogg eller webbplats.

1. Visuell restaurangbokning

Skapa systemet Online bokning av din restaurang- eller kaféwebbplats, tack vare detta utmärkta premium WordPress-plugin. Med den sistnämnda har du möjligheten att själv skapa bord och sittplatser på rutnätet som detta plugin erbjuder och låta dina kunder reservera de gratis, detta är huvudfunktionen i detta plugin och det som skiljer det från de andra plugins i denna lista.Visuell restaurangbokning

Med Drag & Drop kan du dra olika typer av bord till din restaurangs raster och beräkna maximalt antal platser för varje bord samt antalet bord. Besökare på din restaurang kan välj formen på bordet de föredrar och bordets placering i förhållande till de andra borden i rutnätet.

Här för dig 5 WordPress plugins för att optimera kategoribeskrivningar och etiketter

Kunderna på din restaurang kommer att vara glada över att göra detta val direkt på internet istället för att resa. Med detta plugin kan de få en uppfattning om vad som väntar dem idag.

Bland andra funktioner erbjuder den: dra och släpp-stöd, 3 typer av bokningssystem, en ganska intuitiv hantering, komplett anpassning av dess layout och mycket mer.

Ladda ner | demo | webbhotell

2. MapSVG

MapSVG est l’un des plugins WordPress de création d’annuaire les plus puissants et les plus performants. Il vous permet de transformer n’importe quel fichier SVG en cartes vectorielles interactives et en cartes entièrement personnalisables. Il vous permet de créer un répertoire d’entreprises lokala, leverantörslistor etc. Mapsvg plugin wordpress-katalog

Il propose une carte pour tous les principaux pays du monde. Ses principales fonctionnalités sont : l’édition des cartes SVG dans n’importe quel éditeur de vecteurs afin de pouvoir facilement dessiner vos propres cartes, une base de données intégrée pour afficher tout type d’objet, des outils puissants de création de formulaire, pour renseigner la base de données, l’ajout des marqueurs de géolocalisation et autres.

Läs också vår artikel om Hur du håller dina besökare längre på din webbplats

Ladda ner| demo | webbhotell

3. reglaget Revolution

Slider Revolution är ett innovativt och lyhörd WordPress-plugin för karusell som vackert visar ditt innehåll. Oavsett om det är en skjutreglage eller en karusell, med dess dra och släpp-visuella redigerare kan du till exempel berätta om ditt företags historia, markera dina bästa produkter, dina bästa artiklar och mycket mer.

reglage revolution responsive wordpress plugin

Upptäck också vår 10 WordPress-plugins för att enkelt skapa en popup
Huvudfunktionerna är: ett utmärkt gränssnitt för bildskapning, drag-och-släpp-design, fullständig responsiv layout, perfekt hantering av multimediainnehåll, optimerad prestanda, Flerspråkigt stöd, utmärkt kundsupport, support för pekskärmar, gratis och regelbundna uppdateringar, tillgängliga dokumentation och handledningsvideor och mycket mer.

Ladda ner | demo | webbhotell

Rekommenderade resurser

Ta reda på om andra rekommenderade resurser som hjälper dig att bygga och hantera din webbplats.

Slutsats

Här! Det är det för vår artikel som visar hur du lägger till en punkteffekt i en kolumn i Elementor. Om du har kommentarer eller förslag, tveka inte att meddela oss i det reserverade avsnittet.

Du kan dock också konsultera våra resurser, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande eller den på Divi: det bästa WordPress-temet genom tiderna.

Men under tiden dela den här artikeln på dina olika sociala nätverk