/*hover setzt voraus, dass der Browser CSS versteht. IE geht nicht.*/ |
} circle:hover { opacity:0; } rect:hover{ fill:#00b000; opacity:1; |
<defs> <style type="text/css"><![CDATA[ /*hover setzt voraus, dass der Browser CSS versteht. IE geht nicht.*/ text:hover { stroke: purple; fill: white; } circle:hover { opacity:0; } rect:hover{ fill:#00b000; opacity:1; } ]]></style> </defs> <circle cx="100" cy="100" r="50" fill="blue" opacity="0.5" /> <circle cx="120" cy="150" r="20" fill="red" opacity="0.5" /> <rect x="20" y="40" width="100" height="200" stroke="black" fill="green" opacity="0.2" /> <text x="60" y="200" font-size="40" stroke="blue"> Ein Beispiel </text> |
Für Anregungen siehe auch /Beispiele.