De box-punch heeft zo weinig code nodig dat ik nog een ander effect heb toegevoegd. Het teken "#" heb ik twee-kleurig gemaakt. Er is eigenlijk helemaal niets uit te leggen. Het zijn gewoon standaard CSS-regels die, met wat beleid, in de juiste volgorde en op de juiste plaats zijn gezet.

Kopieer de code van de box-punch naar jouw webruimte en kijk even hoe de CSS in elkaar zit. In de body zie je de div met de class "voorbeeld". Gebruik deze als voorbeeld om op jouw website dit effect toe te passen.