View difference between Paste ID: rbHmUkhL and
SHOW:
|
|
- or go back to the newest paste.
1 | - | |
1 | + | <!DOCTYPE html> |
2 | <html> | |
3 | <head> | |
4 | <style type="text/css"> | |
5 | ||
6 | body | |
7 | { | |
8 | background: gray; | |
9 | } | |
10 | ||
11 | polygon.hoverable | |
12 | { | |
13 | fill: transparent; | |
14 | stroke: darkgray; | |
15 | stroke-width: 4; | |
16 | cursor: pointer; | |
17 | } | |
18 | ||
19 | polygon.hoverable:hover | |
20 | { | |
21 | stroke:black; | |
22 | } | |
23 | ||
24 | </style> | |
25 | </head> | |
26 | <body> | |
27 | <p>Gray initial outline added for visibility. Can replace with 'none'.</p> | |
28 | <svg version="1.1" xmlns="http://www.w3.org/2000/svg"> | |
29 | <polygon class="hoverable" points="220,100 300,210 170,250" | |
30 | onclick="alert('I am click functionality!');"/> | |
31 | </svg> | |
32 | </body> | |
33 | </html> |