Er is geen CSS ondersteuning.
In de internet-vervuilende sector bestaan er 3 soorten webmasters. Zij die de manuals van IE letterlijk overschrijven, degenen die de voorbeelden van mozilla (1 op 1) op hun website zetten, en de slimmerikken die integraal de voorbeelden van de dns5 overnemen. De eerste soort frustreert de mensen het meest. Als je de moeite hebt genomen om zo'n voorbeeld te proberen, kom je er achter dat het alleen werkt in IE5+. De tweede soort vergeet (voor het gemak even) dat nog steeds de helft van de mensen IE als browser gebruikt. Leuk dat je een "geleend" voorbeeld op de site zet, maar geef dan ook even de IE-procedure erbij... En de laatste soort frustreert alleen ons omdat het "wringt" dat een leeghoofd met de eer gaat strijken van het werk om cross-browser procedures te maken. Zo, dat zijn we even kwijt..
De inleiding gaf al aan dat het soms lastig is om bepaalde procedures cross-browser te krijgen. Invert zit native in IE en "canvas" heeft geen enkele moeite om plaatjes te inverteren. Nu kan je natuurlijk de "loodzware" excanvas gaan gebruiken, maar dan ben je toch wel heel verkeerd bezig. Met één klein regeltje stylesheet doet IE het kunstje. En met een stukje javascript regel je het "canvas-gebeuren". Het resultaat staat op deze pagina. Ga even met jouw muis over het plaatje om het effect te zien. Kopieer de broncode van het invert-image script naar jouw webruimte en plaats de stylesheet in de head , de div in de body en het script zo laag mogelijk op de pagina. Alles valideert op html5, css en JSLint.
cache 23-08-2010