Tre cerchi con il riempimento semitrasparente che cambia al passaggio del mouse
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<?xml version="1.0"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style>circle:hover {fill-opacity:0.25;}</style> </head> <body> <svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"> <g fill-opacity="0.75" stroke="black" stroke-width="3"> <circle cx="100" cy="100" r="100" fill="red" transform="translate(120,50)" /> <circle cx="100" cy="100" r="100" fill="blue" transform="translate(190,170)" /> <circle cx="100" cy="100" r="100" fill="green" transform="translate(50,170)" /> </g> </svg> </body> </html> |