KOMPOOS.NL

dropshadow alternative

home » manuals » microsoft-filter-alternative » dropshadow-filter.html

sitemap

voorbeeld dropshadow filter alternatief

dropshadow

uitleg dropshadow procedure

Alleen microsoft's Internet explorer kent het shadow-filter. Andere browsers kunnen daar niet mee overweg. Alle andere (strict) browsers gebruiken de box-shadow. Deze kleine stylesheet zorgt er voor dat álle browsers een afbeelding of een tag, mét een schaduw. kunnen weergeven. Geef een afbeelding de class "dropshadow" om het effect te laten zien. Als je de schaduw aan (bijvoorbeeld) een div wilt geven kan je even op de pagina http://kompoos.nl/css/shadow.html kijken.

stylesheet voor de drop-shadow procedure


<style type="text/css">
        .dropshadow{
                -webkit-box-shadow:3px 3px 4px #222;
                -moz-box-shadow:3px 3px 4px #222;
                box-shadow:3px 3px 4px #222;
                -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=6,Direction=135,Color=#222222)";
                filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6,Direction=135,Color='#222222')}
</style>
Gebruik voor alle voorbeelden op de http://kompoos.nl een valide html5 pagina.