Hur man skapar en HTML Lightbox

Skapa en enkel Lightbox med HTML och CSS

En Lightbox är ett webdesignverktyg som visar en liten ruta med bild eller text i mitten av skärmen när en länk klickas. Det finns många sätt att skapa en Lightbox, och de flesta kräver JavaScript. Här visar vi hur du kan få en liknande effekt med enbart HTML och CSS.

Steg 1 – Lägg till CSS i sidhuvudet

Öppna din favorittextredigerare (t.ex. Notepad eller TextEdit). I sidhuvudet (mellan