Nodig: Microsoft Internet Explorer

 

Deel 2 - Gebosseleerde en gegraveerde afbeeldingen met vervaging

Om bepaalde effecten te creëren heb je niet altijd een beeldbewerkingsprogramma nodig. Sommige effecten kun je net zo goed met de Internet Explorer tevoorschijn toveren. Of andere browsers ook zulke filters aan boord hebben, weet ik niet. Onderstaande creaties zijn met MSIE 6 gemaakt. Voor de voorbeelden hieronder heb ik drie verschillende filters toepast: emboss, engrave en opacity.

Als uitgangspunt heb ik deze afbeelding gekozen:

Hieronder een combinatie van de emboss en opacity filters:

Dit is de code die je kunt kopiëren en plakken in je webpagina:

<DIV style="FILTER: progid:DXImageTransform.Microsoft.emboss(bias=6) Alpha(Opacity=80, style=2); WIDTH: 196px;"><IMG src="leaves6a.jpg" width=196 height=215></DIV>

* * *

En hieronder een combinatie van de engrave en opacity filters:

Dit is de code:

<DIV style="FILTER: progid:DXImageTransform.Microsoft.engrave(bias=6) Alpha(Opacity=80, style=2); WIDTH: 196px;"><IMG src="leaves6a.jpg" width=196 height=215></DIV>

---

Uitgebreide informatie over Microsoft Internet Explorer overgangen en filters is te vinden bij ScriptFX.com.

Zie ook mijn tutorial over gebosseleerde tekst.

 

Start | Tutorials | Korte Lesjes | CSS | Fonts | Filters | Links | Allerlei | Zoeken | PSP-varia | P-Filiaal