|
/*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.