KOMPOOS.NL

glow text

home » javascripts » text-effects » glow-text.html

sitemap


uitleg glow effect

Het glow-script moet je zo laag als mogelijk in de body sectie van jouw pagina plaatsen. Het script is crossbroser. Hieronder is nog een voorbeeld-regel bijgevoegd, om als voorbeeld te dienen, hoe je het script kan laten werken. In de code van het script kan je de vorm en de kleur van de "glow" aanpassen.

voorbeeldregel voor glow-script


<h2><span class="glow-effect">glow text</span></h2>

het glow script


<script>
var de_css_code = '.glow-effect{' + 'text-shadow:0px 0px 12px #ff0000, 0px 0px 4px #ffff00, 4px 4px 15px #ff0000;' + 
'height:1em;display:inline-block;-ms-filter:"progid:DXImageTransform.Microsoft.Glow(color=#ff0000,strength=3)";' + 'filter: progid:DXImageTransform.Microsoft.Glow(color=#ff0000,strength=3);}',
stijl_element = document.createElement("style");
stijl_element.type = "text/css";
if (stijl_element.styleSheet) {
    stijl_element.styleSheet.cssText = de_css_code;
} else {
    stijl_element.appendChild(document.createTextNode(de_css_code));
}
document.getElementsByTagName("head")[0].appendChild(stijl_element);
</script>
Gebruik voor alle voorbeelden op de http://kompoos.nl een valide html5 pagina.