En populär metod för modern och estetisk design är glasmorfism. UI-designers ger dimensionalitet och djup med ett frostat glasutseende. GutenKit Glass Morphism-modulen gör det möjligt för Gutenberg-användare att lägga till en elegant och iögonfallande glasliknande bakgrund till designelementdesign på det enklaste sättet. 

Det här dokumentet handlar om hur man lägger till Glass Morphism-effekten på alla Gutenberg-baserade webbplatser. 

Hur man använder GutenKit Glass Morphism Module? #

Låt oss veta om designalternativet nedan för att lära oss hur du applicerar en glasliknande bakgrund på dina designelement från Gutenberg-redigerarens instrumentpanel.

Steg-1: Aktivera GutenKit Glass Morphism Module #

Det första du behöver göra är att manuellt aktivera Glass Morphism-modulen. För detta, gå till din WordPress-instrumentpanel:

• Följ GutenKit > Moduler
• Leta upp Glasmorfism modul.
• När du ser det, aktivera växlingsknappen.

Det är allt! Från och med nu kommer du att se alternativet Glasmorfism i Fliken Avancerat av något GutenKit-block.

Steg 2: Applicera glasmorfismeffekten #

För att tillämpa Glass Morphism-designen, lägg först till en sida eller ett inlägg och börja redigera med blockredigeraren. Sedan, infoga ett GutenKit-block > Flytta till fliken Avancerat > Öppna alternativet Glass Morphism > Klicka på redigeringsikonen för att avslöja alla funktioner i Glass Morphism-styling.

Därefter ska vi se hur alla funktioner i Glass Morphism-modulen fungerar.

Fläck #

Använd skjutreglaget Blur för att blanda färger för att lägga till en frostat glasliknande estetisk bakgrund för ditt designelement. Ett flerskiktigt utseende kan visas genom att applicera färgglada och transparenta lager på ytan av designelement.

Ljusstyrka: #

Ställ in ljusstyrkan för att lägga till glans genom de halvtransparenta lagren i glasmorfismdesignen. Detta gav en förbättrande visuell effekt.

Kontrast: #

Kontrasteffekten används för att skapa en visuell hierarki mellan text och andra element. Ange ett anpassat värde eller använd skjutreglaget för att ställa in graden av kontrast. 

Mättnad #

Med hjälp av reglaget kan du höja eller sänka mättnaden för en färg. Ju högre mättnad är desto mer levande blir färgen, och mindre mättnad kommer att resultera i matta eller dämpade toner. Detta beror på förekomsten av grått, med en hög grad av grått vilket resulterar i låg mättnad.

Nyans #

Nyans beskrivs som balansen och harmonin mellan två färger. Det liknar inte en fast röd, orange, gul, blå, etc. Det är snarare ett färgschema som "röd-gul" och ljusstyrkajusteringen mellan dessa två färger. 

Här måste du använda skjutreglaget för att definiera intensiteten för båda färgerna:

Den här inställningen är baserad på ett färghjul från 0 till 360. Här,

0 hänvisar till rött.

120 hänvisar till grönt.

240 hänvisar till blått.

Vi hoppas att den här GutenKit-dokumentationen hjälpte dig att lära dig hur du lägger till en glasmorfismeffekt på din Gutenberg-baserade WordPress-webbplats.