Dit is ideaal voor headers, kopregels en titels en zo. Wat we eigenlijk gaan doen is 2 regels tekst met CSS zo positioneren dat ze elkaar overlappen, uiteindelijk zal het eruit zien als een afbeelding.

De white-space eigenschap bepaalt hoe wit-ruimte wordt afgehandelt in een element. Bijvoorbeeld, het specificeren van white-space: nowrap zal de tekst voorkomen te “breken” naar de volgende regel.

Voor gebruikers die tekst op je website misschien te klein vinden, kun je hun de mogelijkheid geven om via een klik op een link de gehele tekst op je website te vergroten.

Tekst verbergen met CSS, het kan. Het doel van tekst te verbergen kan uiteenlopen, van een tekst te vervangen door een afbeelding omdat het juiste lettertype niet op elke computer voorkomt bijvoorbeeld.
Of tekst verbergen omdat een CMS systeem de tekst weergeeft en het niet aanwezig moet zijn omwille van het design. Reden genoeg.

Na het vorige voorbeeld kunnen we het principe van effecten op tekst nog een beetje uitbreiden.
Deze keer groter door een heel deel tekst achter een semi-transparente PNG te steken welke de indruk geeft dat tekst gedeeltelijk verdwijnt.