__
.
DNS4 
zoeken
  ⑬
«

CSS
tekst effect

Alleen maar CSS

CSS-lettereffect

Hover de letters maar eens. Doe daarna "select all" op de tekst. Gezien?? Geen enkel plaatje is er gebruikt, de tekst wordt niet in verschillende divs herhaald, en de extra code voor de span is werkelijk bizar minimaal. De procedure is duidelijk en simpel. Zet eerst een paar letters op het scherm in een div met een relatieve positie, stop in die div een "span" met een absolute positie en geef de span een kleinere hoogte en dezelfde kleur als de achtergrond. Als je dan de span doorschijnend maakt krijg je het effect zoals je dat ziet op de pagina. Haal hier de code voor css tekst effect, en plaats de "style" in de head van jouw pagina en de regel met de div in de body-sectie. De eerlijkheid gebiedt mij om te zeggen dat cross browser opacity natuurlijk niet W3C valideert. Zolang alle browsers zich daar niets van aantrekken, en de code WEL heel erg "prettig" vinden, trekt geen enkele website-bouwer zich hier iets van aan.

De allerlaatste versie van het tekst-effect staat op de dns5.nl. Dat geldt voor de meeste procedures op de dns4.nl.

De titel van deze pagina is: 'Css tekst effect ZONDER graphics'.
De sleutelwoorden zijn : css, tekst en effect.
De omschrijving is: 'CSS tekst effect - puur css gradient ZONDER png'.