Accentueer een bericht

Gevonden en werkt leuk. Een bericht een beetje laten “groeien” (accentueren) als je er met de muis overheen beweegt. Wat is nodig? Toevoegen van de volgende twee regels aan “style.css” van het centrale Theme van de site:

.grow { transition: all .2s ease-in-out; }

.grow:hover { transform: scale(1.1); }

Daarna in de “index.php” aan de div die het feitelijke bericht toont de class “grow” toevoegen. Die dus verwijst naar bovengenoemde class in de css. Uiteraard bepaalt de “scale” hoever het bericht groeit. Ikzelf heb hem nu op 1.05 staan.

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Deze website gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.