Skapa snygga effekter med opacitet i block

Postat

Varför inte skapa ytterligare effekter på din hemsida? Nu kan du lägga till en opacitet, en transparent effekt, i blocken “Text” eller “Text med bild”, på din hemsida. Genom att använda en bakgrundsfärg och även lägga till en grad av opacitet i blockramen, får du mjuka övergångar som ger en levande hemsida med en snygg effekt. Här berättar vi hur du gör för att lägga till opacitet i blocken på din hemsida!

Skapa snygga effekter med opacitet i block

Vill du testa att lägga till opacitet på blocken på din hemsida? Ja, då berättar vi hur du gör i de tre enkla stegen nedan.

Så här gör du!

Logga in på din hemsida och välj det block som du vill lägga till en opacitet för.

  1. Klicka på kugghjulet “Inställningar” i det högra hörnet i blocket som du vill skapa effekten för.
  2. Välj sedan “Blockram” där gör du dina val under fliken “Egen ram (Avancerat)”. För att skapa en opacitet klickar du på valet “Färger” i det nedre partiet.
  3. Justera med reglaget vilken opacitet som du önskar för ditt block och publicera sedan din hemsida på nytt.

Tänk på! Att i fönstret ser du den färg som du valt i ditt block, men graden av opacitet blir först synlig när du stänger ner redigeringsfönstret.

Hemsida24 tipsar: Testa dig fram för att hitta den grad av opacitet du tycker blir allra bäst för blocket på din hemsida. Tänk dock på att se till att eventuellt justera färg på typsnitt och graden av opacitet så att besökaren enkelt kan läsa texten i det aktuella blocket.

Använd bakgrundsbild för ytterligare effekt!

En snygg effekt är även att använda en bakgrundsbild i hela sektionen under ett eller flera block på din hemsida. Med en opacitet i blocken ovanpå bildbakgrunden skapar du en fin inramning med en mjuk övergång. Ett tips är då att använda en lugn färgnyans i blocket som går i linje med färgerna i bakgrundsbilden för att skapa ett enhetligt intryck. Testa dig fram för att hitta den rätta opaciteten för din hemsida!

Tips kring ramar!

Genom att använda runda kanter på din ram runt blocken skapar du en mjuk känsla på din hemsida. Vill du lära dig mer om hur du skapar en ram för dina block? Vår guide hjälper dig att steg för steg lägga till och skapa ramar för blocken på din hemsida!

Vill du redan nu testa att lägga till opacitet på dina block på hemsidan? Då är det bara att logga in på ditt konto och sätta igång att testa dig fram!