KOMPOOS.NL

cursor style - CSS

home » css » cursor-style.html

sitemap


voorbeeld cursor styles

uitleg cursor style procedure

Als je met jouw muis over de 3 vakjes heen gaat, zal je zien dat jouw cursor verandert. Dit krijg je voor elkaar met een paar regels css. De code spreekt geheel voor zichzelf en staat hieronder. Er zijn nog meer vormen die de cursor kan aannemen, maar niet alle browsers voeren de code (hetzelfde) uit. De drie (cursor-vormen), die in dit voorbeeld zijn gebruikt, werken in alle browsers.

stylesheet cursor gebeuren


<style type="text/css">
        .draadkruis{
                cursor:crosshair}
        .hand{
                cursor:pointer}
        .hulp{
                cursor:help}
        .cursor-style{
                display:block;
                width:50px;
                height:50px;
                color:#fff;
                background:#d9d;
                border:solid 10px #050}
</style>

html code voor de cursor demonstratie


<div class="cursor-style draadkruis"></div>
<div class="cursor-style hand"></div>
<div class="cursor-style hulp"></div>
Gebruik voor alle voorbeelden op de http://kompoos.nl een valide html5 pagina.